没有内联脚本处理图像加载错误

Question

要处理图像加载错误我曾经写过这样的东西：

<img src="image.png" onError="this.src='defaultImage.png';"/>

但由于我已将content-security-policy添加到我的应用中，因此内联脚本不再有效。
这个问题还有其他解决办法吗？

Answer 1

没有可靠的方法可以在浏览器中替换损坏的图像，即使onerror属性在所有主流浏览器中都不起作用（compatibility table）。

正确而安全的解决方案是通过反向代理服务所有图像，并将其配置为在上游请求失败时发回默认图像。

相关问题：jQuery/JavaScript to replace broken images。