javascript - CORSエラーをキャッチ

Question

CORSが無効になっている画像を読み込もうとすると、次のエラーが発生します。

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

私は次のようにエラーをキャッチしようとしましたが、それは明らかに機能しません。

.src画像のプロパティを設定した後、CORSエラーをキャッチするにはどうすればよいですか？

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

コードを2回記述する必要がないように、コードを統合する必要がありますが、うまくいけば、アイデアが浮かびます。