img图片加载失败时的第二选择

刚发现了一个问题,有些多说头像图片加载不出来的时候,图裂掉了,所以显示得就很难看,查看了下图片返回403错误,应该是对方服务器文件权限设置的问题。。。
查了点资料,作了个修改,当图片显示不出来的时候,让它显示另一张图片。。。
看以下代码,onerror的处理解决了这个问题
avatarImg: function(e, t) { return '<img src="' + _(Z.avatarUrl(e, t)) + '" alt="' + _(e.name) + '"' + (t ? ' style="width:' + t + "px;height:" + t + 'px"': "")+ "onerror=\"javascript:this.src='https://avatar.duoshuo.com/avatar-50/91/241788.jpg'\"/>" }
修改方法,首先你要本地化多说核心js,然后在embed.js里找到avatarImg这个方法,添加上面的onerror参数,里面的url图片自己设置修改下就OK了。。。
本方法适用任何<img>标签
发现大神整理了很好的一篇文章,关于<img>标签的各种事情,
转来有兴趣的同学可以看下--->标签的方方面面



本文作者:起点终站
文章标题: img图片加载失败时的第二选择
本文地址:https://blog.hellozwh.com/?post=166
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
本文地址:https://blog.hellozwh.com/?post=166
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。


