关于微信小程序wx.previewImage预览图片黑屏

"在微信小程序中,使用wx.previewImage方法预览从后端返回的HTTP图片路径时遇到黑屏问题,原因是URL中包含反斜杠()导致路径错误。通过将反斜杠替换为正斜杠(/),成功解决了预览黑屏的故障。解决方案包括对URL进行字符串替换操作,确保路径的正确性。"

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:后端返回的http图片路径复制到浏览器里可以进行预览,但是使用wx.previewImage方法在小程序中预览就会黑屏加载转圈

然后就发现后端给我的路径是这样子的:http://192.168.42.149:8081//file//seal\upload\2022\08\18\zuT86G7NsaWf81053e54f65be18c8d7e29e3d16a284f.png

其中包括有反斜杠"\",它是特殊字符,会被转义,导致了这个url地址并不正确出现黑屏

所以就需要把其中的"\"都替换成"/"-----其中'\u005C'代表的就是"\"符号

        let currentUrl = api + url

        while(currentUrl.indexOf('\u005C') != -1){

          currentUrl = currentUrl.replace('\u005C','/')

        }

        wx.previewImage({

            current: currentUrl,

            urls: [currentUrl]

        })

问题解决,正常显示

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值