uniapp 調用手機相機拍照實現圖片上傳

參考資料：https://blog.csdn.net/weixin_46391646/article/details/108450898

調用相機相冊

uni.chooseImage({
  	count: 1,
    sizeType: ['original', 'compressed'],
    sourceType: ['camera','album'], //這要注意，camera掉拍照，album是打開手機相冊
    success: (res)=> {
		console.log(res);
		const tempFilePaths = res.tempFilePaths;
    }
});

這個api調完之后，會返還一個數組，帶着照片的信息

隨后就可以調用上傳API

uni.uploadFile({
	url: 'https://xxxx/api/v1/qiniu/upload/img', //服務器地址
	fileType:"image",//ZFB必填,不然報錯
	filePath: tempFilePaths[0],//這個就是我們上面拍照返回或者先中照片返回的數組
	name: 'imgFile',
	success: (uploadFileRes) => {
		let imgData = JSON.parse(uploadFileRes.data)
		console.log(imgData.data.imgUrl);
		console.log(this);
		this.imgDataUrl = imgData.data.imgUrl
	}
});

調用上傳接口，把我們拍的照片，或者手機相冊選擇的相冊發送給對應的服務器，然后服務器會返回一個在線的圖片地址給我，在html中寫一個img標簽 把url寫給對應的src即可。

掃碼

uni.scanCode({
 	onlyFromCamera: true,//只允許拍照，不允許本地相冊
	scanType:["qrCode"],//掃碼類型 以為 二位 xxx
    success:  (res)=> {
        console.log('條碼內容：' + res);
    }
});

親測管用！掃碼沒測...