【小程序】本地图片未加载成功的情况 Failed to load local image resource /pages/XXX/

在开发小程序的时候,发现在加载图片时并没有异常,但是后台却报错了。

例如以下我的一段代码:

<image src='{{photo}}'></image>

这里的{{photo}}是JS传进来的一个变量,但是在显示某个框框的时候将photo的值设为一个路径值,即在选择图片的时候,会因为其路径并不是在该项目的相关路径中,导致报以下错误:

Failed to load local image resource /pages/xxx/ 

 the server responded with a status of 404 (HTTP/1.1 404 Not Found) 

那此时的路径{{photo}}相当于是一个无效的路径,在渲染页面的时候,photo还没有被赋值,这就对该路径添加wx:if来表示加载与否。加上wx:if='{{photo}}',如下:

<image wx:if='{{photo}}' src='{{photo}}'></image>

后台就不会再报错啦(*^▽^*)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容