javascript - 捕获 CORS 错误

Question

我正在尝试加载已禁用 CORS 的图像，但出现错误:

Cross-origin image load denied by Cross-Origin Resource Sharing policy.

我已经 try catch 错误 as follows ，但这显然行不通。

如何在设置图像的 .src 属性后捕获 CORS 错误？

Answer 1

Use the onError event .

if(image.addEventListener) {
    image.addEventListener('error', function (e) {
        e.preventDefault(); // Prevent error from getting thrown
        // Handle error here
    });
} else {
    // Old IE uses .attachEvent instead
    image.attachEvent('onerror', function (e) {
        // Handle error here
        return false; // Prevent propagation
    });
}

代码可能应该合并，这样您就不必编写两次代码，但希望您已经明白了。