uni.previewImage(OBJECT)的使用
单张图片点击看大图,记录一下。
<view @click="previewImage(item.SourceUrl)">
<image :style="'background: url('+baseImgUrl+'/empty/load-img-fail.png'+') no-repeat center center; background-size: cover;'"
:src="uplpoadImgUrl+item.SourceUrl"></image>
</view>
export default {
data() {
return {
uplpoadImgUrl:this.$uplpoadImgUrl,
baseImgUrl: this.$baseImgUrl,// "https://www.foodqc.cn/Files/xxxxxxxx"
};
},
previewImage(url){
console.log(url)
// /UploadFiles/AIAlarm/20210818/e8270fa3-5222-45fe-8a65-c9e0b6f29504.jpg
console.log(this.uplpoadImgUrl)
// http://81.70.51.67:20010
console.log(this.uplpoadImgUrl+url)
// http://81.70.51.67:20010/UploadFiles/AIAlarm/20210818/e8270fa3-5222-45fe-8a65-c9e0b6f29504.jpg
uni.previewImage({
urls: [this.uplpoadImgUrl+url]
});
}