直播电商平台开发，发布多图片上传到服务器并实现图片预览功能

直播电商平台开发，发布多图片上传到服务器并实现图片预览功能

vue页面

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

​前端对应方法，由微信端已经封装好直接引用即可

1

<br>methods:{<br>uploadImage(){<br>uni.uploadFile({<br>url: 'http://120.xxxxxx/upImgs', <br>method: 'POST',<br>filePath: this.imglist[0],<br>name: 'file',<br>success: (uploadFileRes) => {<br>console.log(uploadFileRes)<br>}<br>});<br>},<br>upload(){<br>uni.chooseImage({<br>count: 6, //默认9<br>sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有<br>sourceType: ['album'], //从相册选择<br>success: (res)=> {<br> const images = res.tempFilePaths;<br>this.savetemp(images);<br>}<br>});<br>},<br>savetemp(img){<br>for (var i = 0; i < img.length; i++) {<br>this.imglist.push(img[i]);<br>}<br>},

 以上就是直播电商平台开发，发布多图片上传到服务器并实现图片预览功能， 更多内容欢迎关注之后的文章