我正在尝试加载一些数字图像,有些会产生404,有些请求会被中止。
如果我有这个:
function addImage(my_image_path) {
img = document.createElement('img');
img.onerror = function (evt) {
console.log("nope");
console.log(evt);
};
img.alt = "COULD NOT DISPLAY IMAGE"
img.src = some_path_to_image;
document.body.appendChild(img);
}
404和失败的请求都会触发onerror处理程序,我无法区分错误原因。
但是,在屏幕上,我可以看到404与浏览器broken image
一起显示,而失败的请求显示alt
文字。
问题
如果浏览器默认为损坏的图像或alt文本,有没有办法通过JavaScript找到?在将图像标记放在屏幕上之前最好。
我尝试了image.complete
,image.naturalWidth|Height
,但这就是我所知道的所有技巧。也许有人可以用更多魔法来筹码。
谢谢!