微信小程序开发调用摄像头
时间: 2023-12-20 12:31:08 浏览: 317
微信小程序:调起摄像头拍照并在页面预览图片.zip
5星 · 资源好评率100%
以下是微信小程序开发调用摄像头的步骤:
1. 在小程序的.json配置文件中添加摄像头权限:
```json
{
"permission": {
"scope.camera": {
"desc": "用于拍照和录制视频"
}
}
}
```
2. 在.wxml文件中添加一个按钮,用于触发拍照事件:
```html
<button bindtap="takePhoto">拍照</button>
```
3. 在.js文件中编写takePhoto函数,调用wx.chooseImageAPI来访问摄像头并拍照:
```javascript
Page({
takePhoto() {
wx.chooseImage({
count: 1, // 拍照数量,这里只拍一张
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['camera'], // 可以指定来源是相册还是相机,默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表,tempFilePath可以作为img标签的src属性显示图片
var tempFilePaths = res.tempFilePaths
wx.previewImage({
urls: tempFilePaths // 预览图片
})
}
})
}
})
```
4. 在小程序中运行,点击按钮即可调用摄像头拍照并在页面预览图片。
阅读全文