美文网首页
【小程序】本地图片未加载成功的情况 Failed to load

【小程序】本地图片未加载成功的情况 Failed to load

作者: 踏雪_739a | 来源:发表于2019-10-22 17:43 被阅读0次

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

    例如以下我的一段代码:

    <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>

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

    相关文章

      网友评论

          本文标题:【小程序】本地图片未加载成功的情况 Failed to load

          本文链接:https://www.haomeiwen.com/subject/azfcvctx.html