如何解决通过微信小程序image标签的src导入图片在开发工具上显示,真机调试图片不显示的问题

追格官方小助手/ 2022年10月11日/ 小程序/ 浏览 8236

在微信小程序开发中,我们偶尔会碰到image标签的src导入图片,开发工具上能正常显示,但真机调试时却无法显示的问题。


这种问题一般常见有两种解决方法


1.src路径问题


图片路径中含有中文或者空格,此时在开发工具上可以正常显示,而真机调试时显示不出来。


<image mode="aspectFill" src="../static/日历.png"></image>


一般这种问题,去掉空格或者吧中文部分改成英文即可


如果仍未解决,可能和文件层及有关,可以尝试把src的相对路径改为绝对路径


2.http和https的问题


当使用在线图片时,注意图片前缀http和https的准确性,避免前缀写错


如果仍未解决,可以查看网站域名的合法性问题

发表评论

暂无评论,抢个沙发...

客服 工单