如何使用 JavaScript 或 jQuery 檢索圖像錯誤代碼？

Question

我正在更改圖像元素的src屬性。 如果出現錯誤，我想知道錯誤狀態代碼。

Answer 1

您可以在 mdn web 文檔上改編此源代碼示例。 如果您以編程方式更改src屬性並且需要首先檢查它是否給出錯誤代碼，它可以完成這項工作。 這是草稿，希望對您有所幫助。

 let changesrc = (newsrc) => { const myImage = document.getElementById('testimg'); const myRequest = new Request(newsrc); fetch(myRequest).then((response) => { console.log(response.status); if(response.status == "200") { response.blob().then((myBlob) => { const objectURL = URL.createObjectURL(myBlob); myImage.src = objectURL; }); } }); };

 <button onclick="changesrc('https://picsum.photos/200');">test ok</button> <button onclick="changesrc('https://picsum.photos/noway');">test not ok</button> <img id='testimg' src="https://picsum.photos/200">

Answer 2

您可以使用 Javascript 中的圖像 API，了解圖像加載失敗的時間：

function mountImage(src) {
  const img = new Image();
  
  img.src = src;

  img.onload = () => {
    // image loaded
  }

  img.onerror = () => {
     // image fail load
  }



}