問題タブ [onerror]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - JavaScript：画像のURLのリストが与えられた場合、最初の壊れていない画像をどのように表示しますか？
画像のURLのリストを受け取りましたが、現在、ページにいくつかの非表示のimg要素があります（リスト内のURLごとに1つ）。ページの読み込みが完了したら、JavaScriptを使用して画像を確認し、壊れていない最初の画像を表示します（つまり、myImage.style.display = "inline"を設定します）。これは非常に簡単です。ただし、すべての画像をリクエストする必要があります。
私がやりたいのは、各画像を一度に1つずつロードして、壊れているかどうかを判断することです。画像が壊れている場合は、次の画像を読み込んでみてください。良ければ表示し、残りは無視してください。（これにより、不要なリクエストの数を節約できます。）
アルゴリズムは十分に簡単ですが、秘訣は画像の読み込み時間です。問題は、isBrokenチェックが発生する前に画像が読み込まれていない可能性があるため、適切な画像が無視される可能性があることです。その場合のアプローチは、imgのonloadイベントとonerrorイベントをソリューションに組み込むことです。
私はここに投稿して、誰かが同様の問題に直面したかどうか、そして彼らの解決策が何であったかを確認します。
ありがとう！