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

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

例如以下我的一段代码：

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

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