javascript - 捕获 CORS 错误

Question

我正在尝试加载禁用 CORS 的图像，并得到错误：

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

我尝试按如下方式捕获错误，但这显然行不通。

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

Answer 1

使用onError事件。

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

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