//1.第一步:首先姆泻,我們要明白零酪,uniapp獲取本地相冊的圖片冒嫡,然后我們就可以得到相冊所選取的圖片。由下面的函數(shù)實現(xiàn):
uni.chooseMedia({
????????count:1,
????????mediaType:['image'],
????????sourceType:['album','camera'],
????????camera:'back',
????????success(res){
????????????????console.log("--imga---")?
????????????????console.log(res.tempFiles)???//在這里我們就獲取到了本地相冊的圖片數(shù)組四苇,這個數(shù)組的數(shù)據(jù)由你選擇的圖片數(shù)量有關(guān)孝凌,具體的函數(shù)用法,可以參考uniapp的官方文檔
? ? ? ? ? ? ? ?// 2.第二步在這里寫月腋,當(dāng)你得到了本地相冊的圖片的時候蟀架,那么你就需要去調(diào)取上傳圖片的接口,把圖片上傳到服務(wù)器上去榆骚。
? ??????????????uni.uploadFile({
????????????????????????url: 'https://yjb.xcx.yazyun.xyz/api/Common/upload',
????????????????????????filePath: res.tempFiles[0].tempFilePath,
????????????????????????name: 'file',
????????????????????????formData:{
????????????????????????????file:res.tempFiles[0]
????????????????????????},
????????????????????header: {
????????????????????????token:uni.getStorageSync('token')
????????????????????},
????????????????????success: (uploadFileRes) => {
????????????????????????????console.log(uploadFileRes.data);
? ? ? ? ? ? ? ? ? ? ? ? ? ? //3.第三步就在這里拉片拍,當(dāng)你上傳了本地的圖片到服務(wù)器上的時候,服務(wù)器會返回給你一個圖片在服務(wù)器所在的位置url妓肢,你可以用這個url去反顯到你的image上捌省,然后當(dāng)你做新增或者修改圖片的時候,把這個url再傳給接口即可碉钠。
????????????????????});
????????????}
})