小程序里面现有打开摄像头的方式有两种:
1、API调用,这个API可以设置直接打开相机,但不能打开的时候默认为前置摄像头。
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
}
})
2、小程序camera组件,camera组件可以设置device-position为front默认就是前置摄像头,但这个是一个原生组件,小程序原生组件层级默认为最大,设置z-index都无法覆盖(原生组件使用限制:https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html),你用CSS的height来控制它的显示隐藏在IOS上面就会有问题或者无效,最后我用和hidden这个属性来控制显示隐藏,达到预期的效果。
注意:camera在我测试中iPhone6Plus 机型上面一直打不开,报错:insertCamera:fail。这个问题一直没解决,如有大神知道解决方法欢迎留言评论指点。
<camera device-position="front" flash="off" binderror="error" style="width: 100%; height: 300px;" hidden='{{showCamera}}'></camera>
网友评论