解决uni-app开发中使用uni.previewImage(OBJECT)方法一直黑屏加载问题

在使用uni.previewImage()方法的时候会发现,时间执行后一直黑屏加载,如下所示

 

该如何解决,出现这种情况,我们查看一下我们的图片地址是否是本地,如果是本地,那么将图片转为网络图片即可

话不多说,直接看代码:

<view class="main">
		<image :src="recomList[tabIndex].image" mode="" @click="scala(recomList[tabIndex].image)"></image>
</view>

 因为我是请求到的数据,数据中格式是这样的

所以我直接用拼接的方式解决 ,

可能有人用的是本地图片,可以使用Postimages — free image hosting / image upload

 来将图片转换为链接

methods: {
	scala(e){
		//console.log(e)
		let url = 'https:' + e
		let imgUrl = []
		imgUrl.push(e)
		//console.log(imgUrl)
		uni.previewImage({
			urls: imgUrl, //需要预览的图片http链接列表
			current: imgUrl[0], // 当前显示图片的http链接,默认是第一个(可以是图片地址,也可以是下标)
		})
	}
}

 最终效果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值