vue-hbuilder打包-调取摄像头或上传图片
方法一:
<input type="file" accept="image/*" capture="camera" >
方法二:
使用vant组件
1.下载,安装,配置main.js
2.<van-uploader :after-read="afterRead" accept='image/*' capture='camera' :max-count="2"/>
3.methods中:
afterRead(file) {
console.log(file);
}
查看vant官方有更加全面的api接口配置
重点说一下点击弹窗里的相机按钮没有反应的情况的坑的解决办法(图片是正常的),在手机上打开权限管理查看该appde的“媒体相关”配置中是否有相机,摄像头选项,当然肯定没有。查看hbuilder打包时是否勾选,或者默认勾选了
勾选了打包安装后发现点击弹窗的相机没反应,也没有弹窗“是否允许获取摄像头权限”解决方法:hbuilder重新生成空项目或使用其他安装到手机上权限有相机选项的app的项目只复制manifest.json文件内容并适当更改,打包-》ok
方法三:
这只是一种思路:网上找一个html上传图片的页面,将它放在项目当中(或者放在服务器上),点击按钮给一个http跳转,通过浏览器调取摄像头