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跳轉,通過瀏覽器調取攝像頭


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM