Javascript 如果图像元素为'；s源文件不存在'；不存在

我正在制作一个带有弹出窗口的网站。弹出窗口中最多应有12个图像。我将我的图片命名为pizza1.jpg、pizza2.jpg、pizza3.jpg等等

纯JavaScript有没有办法使图像仅在有一个文件名为我告诉它要查找的文件时才显示

---

是相似的，但所有答案都很复杂，只是适度相关。

您应该处理

img

元素的事件。

您应该处理

img

元素的事件。

您可以使用

onError

事件从弹出窗口中删除对象：

<img src="src" onError="removeElement(this);" />

---

您可以使用

onError

事件从弹出窗口中删除对象：

<img src="src" onError="removeElement(this);" />

您可以创建并使用其onload事件查看是否已加载。如果是这样，只需将图像附加到任何元素

演示

var imgurls=[
"https://placekitten.com/g/64/64",
"https://placekitten.com/g/32/32",
"https://placekitten.com/g/none/200",
"https://placekitten.com/g/100/100",
"https://placekitten.com/g/24/24"
];
forEach（函数（url）{
设img=新图像（）；
img.onload=onImageLoad；
img.src=url；
});
函数onImageLoad（）{
document.body.appendChild（本文件）；
}

您可以创建一个，并使用其onload事件查看是否已加载。如果是这样，只需将图像附加到任何元素

演示

var imgurls=[
"https://placekitten.com/g/64/64",
"https://placekitten.com/g/32/32",
"https://placekitten.com/g/none/200",
"https://placekitten.com/g/100/100",
"https://placekitten.com/g/24/24"
];
forEach（函数（url）{
设img=新图像（）；
img.onload=onImageLoad；
img.src=url；
});
函数onImageLoad（）{
document.body.appendChild（本文件）；
}

您是通过AJAX获取它们的吗？请在那里检查答案，如果图像不存在，则不要显示它。如果你需要进一步的帮助，尽量准确一些，添加一些代码。另一个问题的答案只是一个比我复杂得多的问题的复杂解决方案。这个问题的公认答案对我的情况来说很简单。你是通过AJAX获取它们的吗？请检查那里的答案，如果图像不存在，不要显示它。如果你需要进一步的帮助，尽量准确一些，添加一些代码。另一个问题的答案只是一个比我复杂得多的问题的复杂解决方案。这个问题的公认答案对我的情况来说很简单。