uni-app小程序证件拍照
时间: 2023-01-30 19:49:51 浏览: 169
uni-app是一款跨平台的移动应用开发框架,可以用来开发同时运行在多个平台(如iOS、Android、H5、小程序等)的应用。在uni-app中,可以使用以下方式进行证件拍照:
1. 使用 uni.chooseImage API 调用系统相机拍照:
```
uni.chooseImage({
count: 1, // 最多可以选择的图片张数,默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths
}
})
```
2. 在页面中使用图片上传组件,可以让用户在手机上选择图片或拍照上传。uni-app提供了一个内置的图片上传组件:
```
<template>
<view class="content">
<view class="uni-uploader">
<view class="uni-uploader__input-box">
<view class="uni-uploader__input" v-bind:style="{ backgroundImage: 'url(' + image + ')' }" v-bind:class="{ 'uni-uploader__input--filled': image }" v-bind:hover="true" v-bind:longtap="true" v-bind:tap="chooseImage"></view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
image: ''
}
},
methods: {
chooseImage() {
uni.chooseImage({
count: 1, // 默认9
sizeType: ['original', 'compressed'], // 可以
阅读全文