javascript - Warum zeigt Firefox den Bildplatzhalter, der nicht geladen werden konnte, nicht an?

Question

404 für das Laden von Bildern auf der Seite, ein Platzhalter für Ladefehler wird unter Chrome 和 IE angezeigt (wie im Bild gezeigt), sodass der Benutzer direkt sehen kann, dass das Bild nicht geladen werden konnte, aber warum zeigt Firefox kein ähnliches an? Platzhalter?

Answer 1

火狐比较特殊，可以试试下面的启用方式
地址栏输入about:config 查找browser.display.showimageplaceholders，值设为true

另外图片不显示最好不要用占位符，可以尝试用一下几种方式，在图片加载失败时，给默认的图片。

方式一

懒加载方式，src赋值前判断真实img是否加载成功

方式二

少量img转化

`<img src='real.jpg' alt='test' onerror="this.src='default.jpg'">
`

批量img转换

  $('img').error(function(){
            $(this).attr('src', "default.jpg");
         });

Answer 2

火狐直接把alt里的内容显示出来，不会像ie/chrome那样有个默认的图片