直播電商平臺開發，釋出多圖片上傳到伺服器並實現圖片預覽功能

直播電商平臺開發，釋出多圖片上傳到伺服器並實現圖片預覽功能

vue頁面

<view class="container1" >
<image src="../../static/errorImage.jpg" mode="scaleToFill" @click="upload"></image>
<image v-for="item in imglist" :src="item" mode="scaleToFill"></image>
</view>
<button @click="uploadImage()">上傳</button>

前端對應方法，由微信端已經封裝好直接引用即可

methods:{
uploadImage(){
uni.uploadFile({
url: '
method: 'POST',
filePath: this.imglist[0],
name: 'file',
success: (uploadFileRes) => {
console.log(uploadFileRes)
}
});
},
upload(){
uni.chooseImage({
count: 6, //預設9
sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖，預設二者都有
sourceType: ['album'], //從相簿選擇
success: (res)=> {
 const images = res.tempFilePaths;
this.savetemp(images);
}
});
},
savetemp(img){
for (var i = 0; i < img.length; i++) {
this.imglist.push(img[i]);
}
},

 以上就是直播電商平臺開發，釋出多圖片上傳到伺服器並實現圖片預覽功能， 更多內容歡迎關注之後的文章