uniapp点击图片放大功能

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]
			});
			
		}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值