javascript - フォールバック イメージとタイムアウト - 外部コンテンツ。Javascript

Question

外部画像が読み込まれない、または読み込みに時間がかかりすぎる場合に、ローカル フォールバック画像を設定する最善の方法は何ですか。

Answer 1

onerrorハンドラーを追加できます。

<img
  src="http://example.com/somejpg.jpg"
  onerror='this.onerror = null; this.src="./oops.gif"'
/>

注:onerrorハンドラーで null に設定すると、oops.gif何らかの理由で Web ページを読み込めない場合に Web ページがクラッシュしなくなります。

Answer 2

Image.completeプロパティを利用してみてください。

var img = new Image(w,h)
img.src = "http://...";

ここで、trueかどうかを定期的に確認img.completeし、フォールバックメカニズムを呼び出してfalsen秒後も終了します。