<view v-for="(item,index) in imgList"
class="pr mr36"
style="display:inline-block"
:key="index">
<image style="width:120rpx;height:120rpx"
@click="onPreviewImage(index)"
:src="item"></image>
<view class="pa"
@click="delImage(index)"
style="top:-12rpx;left:110rpx">
<u-icon name="close-circle-fill"
color="red"
size="20"></u-icon>
</view>
</view>
<image style="width:120rpx;height:120rpx;display:inline-block"
@click="uploadFn"
class="mr20"
src="/subPackage/index-package/static/shangchuang.png"></image>
//预览图片
onPreviewImage(index) {
uni.previewImage({
current: index,
urls: this.imgList
})
},
// 删除图片
delImage(index) {
this.imgList.splice(index, 1)
},
//上传图片
uploadFn() {
uni.chooseImage({
count: 1, // 图片数量-----默认9
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
uni.showLoading({
title: '开始上传',
icon: 'none',
});
uni.uploadFile({
url: baseUrl + '/system/oss/weChat/upload', //仅为示例,非真实的接口地址
name: 'file',
header: {
'content-type': 'Application/json'
},
filePath: tempFilePaths[0],
success: (uploadFileRes) => {
this.toastFn('上传成功')
uni.hideLoading();
let imgList = this.imgList;
imgList.push(JSON.parse(uploadFileRes.data).data.url)
this.imgList = imgList;
}
});
}
});
},