1. 程式人生 > >uni-app 第三講拍照和選擇相簿功能實現

uni-app 第三講拍照和選擇相簿功能實現

今天來講解一下怎麼使用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);
							}
						});
					}
				});
			}

希望這篇文章對大家有幫助