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

Question

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

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

当图片 src 更改为动态 url 时，会显示损坏的图片。 我想保留图像的 src，但仍然显示一些好的背景图像，而不是默认的损坏图像。

示例：

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

在这种情况下找不到 src。如果我编写一个 javscript 将 src onerrr 更改为某个静态 img，那么我将失去用户设置的链接，即在这种情况下为“dynamic.src”。

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

Answer 1

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

Demo