如何使用 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
  }



}