1.首先创建一个html文件调用camera接口代码如下
<camera device-position="{
{view}}" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera>
<button type="primary" bindtap="takePhoto">拍照</button>
<view class="weui-cell__ft">
<switch checked bindchange='switch1Change' />
</view>
2.添加一个开关让它可以转换前后摄像头,在js中定义一个view让它为空,写一个switch1Change事件函数代码如下
data: {
src:'',
view: 'front'
},
switch1Change: function (e) {
if (e.detail.value) {
this.setData({ view: 'front' })
} else {
this.setData({ view: 'back' })
}
},
3.点击拍照按钮是让它拍照片可以加一个takephoto函数
takePhoto() {
const ctx = wx.createCameraContext()
ctx.takePhoto({
quality