检查映像是否有错误

Checking if an image has an error?

本文关键字:有错误 是否 映像 检查      更新时间:2023-09-26

创建一个图像:

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 

Try with Image onerror Event

inline 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
};