javascript - json 値を含む画像が壊れているかどうかをテストして、そこにないかどうかをテストし、「写真なし」の画像に置き換えますか?

Question

私のチームと私は、バックエンド サービスを使用して json データを取得し、フロントエンドに画像を表示しています。値がない場合は「no-photo.png」画像を表示し、値がある場合は通常の商品画像を表示する JavaScript があります。

問題は、値が返されることですが、実際にはそこになく、手動で削除する方法がないため、画像が壊れて戻ってきます。

私の質問は:
画像に価値がある場合でも、画像が壊れているかどうかを判断する方法はありますか?

Answer 1

onerrorコールバックを設定します。

var img = new Image();
img.onerror = function () {
    this.src = 'noimage.jpg';
};
img.src = 'path/from/json/img.jpg';