如果图像“src”是“（未知）”，请替换为“missing.png”

Question

如果数据库中未提供图像，我的 CMS 会生成 img src=“(unknown)“。当发生这种情况时，我想使用 javascript 将其更改为 img src=”/images/missing.png” 作为一个完整的 JS 菜鸟，我尝试了几种 hack，但似乎都没有用……有什么想法吗？ （如果有任何不同，页面上可能会有不止一张图片）

原文由 Hoobamac 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这应该适合你，如果你使用 onError 处理丢失图像的事件 src

 <img src="main_img.png" onError="this.onerror=null;this.src='/images/missing.png';" />

原文由 Always Sunny 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我用它来解决我遇到的类似问题（使用 javascript）…

 const images = document.querySelectorAll("img");

images.forEach((image) => {
  let imgsrc = image.getAttribute("src");
  if (imgsrc === "") {
    image.src = "/images/missing.png";
  }
});

原文由 santiagocodes 发布，翻译遵循 CC BY-SA 4.0 许可协议