一)背景:
今天在做一个陌陌小程序时,需要用到图片。如果是加载一张固定不变的图片是可以实现的,但是一旦把图片src的值设置为一个变量都会报错。
二)报错提示:
[渲染层网络层错误] Failed to load local image resource /image/Weatherpic/.png the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
三)问题剖析:
这个错误并不是由于图片的路径错误,因为若果是路径错误这么当src中指定一张图片对应的路径时也应当出现错误。这个错误真正的缘由是页面显示加载的时侯image中的值还是空得,它须要花时间从后台获取一定的值,所以造成在这段时间内image中的src值是空的,因此而报错了。
四)解决方式:
原本的报错代码:
解决:
采用 wx.if 对变量进行操作:
注意: 自己给图片src中设置的变量名是哪些这么 wx:if 的值就要相对应的,例如,我自己设置的变量名是 now.cond_code,那么我的 wx:if 的值也要是 now.cond_code 。