vue-hbuilder打包-调取摄像头或上传图片

Posted 2021-03-03 wd163

方法一：

<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跳转，通过浏览器调取摄像头