img图片加载失败时的第二选择 - 起点终站

我们应该感谢相遇,无论结局是喜是悲....
img图片加载失败时的第二选择
  • 首页 > IT技术
  • 作者:起点终站
  • 2016年8月8日 17:44 星期一
  • 浏览:24104
  • 字号:
  • 评论:5
  • 刚发现了一个问题,有些多说头像图片加载不出来的时候,图裂掉了,所以显示得就很难看,查看了下图片返回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
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    • blogger
    奇虎分享网2016-08-17 02:44
    哎呦,不错哦!欢迎互访,诚交友链!
    寒光博客2016-08-13 21:22
    博主=.= 真心有点卡。。 现在弄个简洁点的板子吧 背景透明度太低了 我看起来有点花0.0
    起点终站 没错,我就是那个帅逼站长2016-08-13 21:28
    透明度明天搞
    夏日博客2016-08-10 12:52
    还是要有一张默认显示的图片的,要不然,正常图片不显示会很难看的。
    起点终站 没错,我就是那个帅逼站长2016-08-10 14:04
    是滴
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2016-2019 起点终站 闽ICP备16011094号-1