javascript - 使用javascript检测404

Question

我目前正在使用这个 JavaScript 函数将图像加载到 div 中。

function loadImage(id) {
    var image = document.getElementById("image");
    image.src = "http://test.com/"+id+".png";
    var image = document.getElementById("image");
    image.onload = function () {
            // Do stuff
    };
}

但是，如果图片 URL 返回 404 错误，我该怎么办？

Answer 1

你可以使用 onerror。

我不确定它是否也会作为 404 页面对图像使用react，或者仅对不良图像使用react。在这两种情况下，它都可能满足您的需要。

或者，您可以尝试使用 AJAX(例如 XMLHttpRequest 或其抽象)，它允许您处理错误代码。不过，跨源限制将适用。这也可能是矫枉过正。