• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序报错Failedtoloadimage

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 加载网络图片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>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序请求接口报400问题发布时间:2022-07-18
下一篇:
全栈项目---电商小程序展示发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap