如何检查 link 是否指向现有图像 javascript

Question

我想知道链接是否重定向到 javascript 中的实际现有图像，因为我不希望发生以下情况：

<img src="http://idontexist.lol/fakeimg.png" alt="non existant image" width="400">

Answer 1

onload()函数用于检测图片是否有效url.If你输入onload函数是有效图片url

function test(event,val){
   console.log("image"+val+" is loaded");
   event.style.display="block";
}

<img src="http://idontexist.lol/fakeimg.png"onload="test(this,1)" alt="non existant image"style="display:none" width="400">
<img src="https://cdn.sstatic.net/Img/unified/sprites.svg?v=fcc0ea44ba27g"onload="test(this,2)"style="display:none" alt="non existant image" width="400">

如何检查 link 是否指向现有图像 javascript

how to check if link directs to an existing image javascript

javascript

image

exists