微信小程序 报错Failed to load image

 加载网络图片WXML代码：

<image class="userinfo-avatar" src="{{avatarUrl}}"></image>

当加载网络图片时，会时不时出现如下错误：

 

原因：图片绑定的数据在页面“初次”渲染的时候并没有被正确赋值，有可能你的数据是异步加载的，在渲染的时候还没有取到相应的数据

解决方法： 设置一个本地的图片地址作为动态图片地址未获取时的默认地址，或者在image里添加 wx:if="{{avatarUrl}}" imageUrl为你绑定的图片的地址

<image class="userinfo-avatar" wx:if="{{avatarUrl}}" src="{{avatarUrl }}"></image>
// 或者
<image class="userinfo-avatar" src="{{avatarUrl ? avatarUrl : '/assets/images/avartar_default.png'}}"></image>

 

转载于:https://www.cnblogs.com/china-fanny/p/11307605.html