码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-28 15:04:29      阅读:372      评论:0      收藏:0      [点我收藏+]

标签:uil   配置   gif   复制   loader   html   文件   接口   read   

方法一:

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

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

标签:uil   配置   gif   复制   loader   html   文件   接口   read   

原文地址:https://www.cnblogs.com/wd163/p/12587394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!