uni-app 第三講拍照和選擇相簿功能實現
阿新 • • 發佈:2018-12-19
今天來講解一下怎麼使用uni-app呼叫手機端相機和相簿,實現拍照和選擇圖片功能。
因雷電模擬器原因,他沒有拍照功能,這裡只能演示選擇相簿功能。
下面來看一下具體實現
uni.chooseImage(OBJECT) 從本地相簿選擇圖片或使用相機拍照。
uni.chooseImage({ count: 6, //可以選擇圖片的張數 sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖,預設二者都有 sourceType: ['album'], //從相簿選擇 預設是兩個都有 success: function (res) { console.log(JSON.stringify(res.tempFilePaths)); //返回結果 } }); uni.previewImage(OBJECT)
核心方法就是這個
下面貼上我們這個例項的程式碼
uni.chooseImage({ count: 6, sizeType: ['original', 'compressed'], success: function(res) { // 預覽圖片 // uni.previewImage({ // urls: res.tempFilePaths // }); for(var i=0;i<res.tempFilePaths.length;i++){ console.log("第"+i+"張圖片路徑:"+res.tempFilePaths[i]); } uni.getImageInfo({ src:res.tempFilePaths[0], success:function(image){ console.log("圖片路徑:"+image.path); } }); } }); }
希望這篇文章對大家有幫助