检查图像是否有错误？

Question

我创建了一个图片：

var img = new Image();
    img.src = fileSrc;

    img.onload = function() {
            };

有没有办法检查图像是否有错误？

我试过了：

img.error(function() { console.log("error loading image"); });

但我收到错误：

Uncaught TypeError: undefined is not a function 

Answer 1

尝试使用Image onerror Event

内联Ex。

HTML

<img src="example.png" onerror="imgErrorFunction(this)" />

JS

function imgErrorFunction(obj) {
    obj.src = '/404.png';
}

编辑：

没有意识到你在动态功能中使用图像...
然后必须抓住错误 @King King 已经建议（同一事件）。

var fileSrc = 'example.png';
var obj     = new Image();

obj.src     = fileSrc;
obj.onerror = function() {
    obj.src = '/404.png'; // must exist to avoid error loop
};