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

  • 相关阅读:
    Day4-装饰器
    Day3-递归函数、高阶函数、匿名函数
    Day3-函数及作用域
    Day2-字符编码转换
    Day2-文件操作
    Day2-列表、字符串、字典、集合
    Day1-模块初识
    JavaScript 笔试题
    从JavaScript 数组去重谈性能优化
    prototype
  • 原文地址:https://www.cnblogs.com/wd163/p/12587394.html
Copyright © 2020-2023  润新知