为损坏的图像临时设置默认图像

Set default image temporarily for broken image

本文关键字：图像设置默认损坏更新时间：2023-09-26

我想从损坏的图像中设置默认图像。我知道答案是在错误时更改图像的网址，但这不是我想要的。

我制作了一个模板编辑器，用户可以在其中将源更改为动态 url。在那一刻，图像看起来坏了，但稍后当他发送它时，它将被自动填充。

当图像 SRC 更改为动态 URL 时，将显示损坏的图像。我想保留图像的 src，但仍然显示默认损坏图像的一些良好背景图像。

例：

<img src="dynamic.src"></img>

在这种情况下，找不到src，

如果我编写一个javscript将src onerrr更改为一些静态img，那么我将丢失用户设置的链接，即在这种情况下为"dynamic.src"。

任何解决方案都会有很大帮助

大多数浏览器使不存在的图像透明。因此，您可以向图像元素添加background-image。如果图像存在，它将掩盖背景图像，但不存在的图像将是透明的，让背景图像显示。

演示