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

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

例如以下我的一段代码：

<image bindtap="chooseImg" class='photo' 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}}' bindtap="chooseImg" class='photo' src='{{photo}}'></image>

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