エラー処理を含め、画像が jQuery に読み込まれたかどうかを確実に確認するにはどうすればよいですか?

jQuery: 画像がロードされているかどうかを確認する (エラー処理)

jQuery では、load を使用して画像がロードされているかどうかを確認できます。 () および error() イベント。ただし、jQuery がこれらのイベントを登録する前にエラーが発生した場合には制限があります。

これに対処するには、画像の完全なプロパティを検証して、jQuery が動作する前に画像がまだ読み込まれていないことを確認します。ただし、このアプローチでは、イベントが登録される前に発生するエラーは検出できません。

解決策:

より堅牢な解決策には、次の順序:

function IsImageOk(img) {
  // Check if the image is complete
  if (!img.complete) {
    return false;
  }

  // Check if the image has a valid natural width
  if (img.naturalWidth === 0) {
    return false;
  }

  // Assume the image is okay
  return true;
}

最初に完全をチェックすると、画像がすでに読み込まれているかどうかをすぐに判断できます。そうでない場合は、画像の実際のサイズを提供する NaturalWidth を調べます。ゼロの場合、画像のロードに失敗しました。このアプローチにより、jQuery イベント登録前の読み込みの成功とエラーの両方が確実に検出されます。

以上がエラー処理を含め、画像が jQuery に読み込まれたかどうかを確実に確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。