javascript - Image .onerror — サーバー応答 400 と 200 を区別しますが、Content-Type が画像ではありませんか?

Question

与えられた:

const img = document.getElementById('img-id');

img.onerror = function() { … };

img.src = new_url;

イメージ要素のソースを変更すると、次のいずれかの非常に特殊なユースケースになる可能性があります。

• サーバー ステータス レスポンス400 Bad Request、または
• 画像ではない HTTP ヘッダーを200 OK含むサーバー ステータス レスポンス。Content-Type

関数で両方を区別したいと思い.onerrorます。

Chrome/Blink ベースのブラウザーのコンソール エラーの違いがわかり、F12純粋な JavaScript 条件でこれをキャプチャしたいと考えています。.onerrorこれを達成するのに役立つ可能性のあるプロパティに関連するイベントはありますか?

注: これは、プログレッシブ Web アプリケーションで使用するためのものです。結果として、Chrome と Safari で動作するソリューションで十分です。