src（未知）的问题 - Chrome中的图像损坏

Question

当我尝试显示图像时，我在Chrome中有一种非常奇怪的行为。

我看到一些破坏图像的小徽章：这只是破碎的图像图片。

它之前没有像chrome那样工作。

我使用一些JavaScript代码来处理找不到的图像：

//This script will be loaded in head section of the page
function fixBrokenImage(element) {
    element.onerror = '';
    element.src = '';
}

在HTML中：

<img src="~/Image?getById=@Model" onerror="fixBrokenImage(this)"/>

但是，它仅在我执行“清除缓存”和“硬刷新”时第一次在Chrome中有效，并且在后续正常刷新时不起作用

说它很惭愧，但它适用于IE和Edge，感觉有点滑稽。

你知道怎么可以在Chrome中修复它。我使用的版本：版本63.0.3239.108（官方版本）（64位）

谢谢你的任何建议

Answer 1

你可以像这样使用这个javascript代码，你忘了把alt属性：

function fixBrokenImage(element) {
    element.onerror = '';
    element.src = '';
    element.alt = 'image not found'
}

Answer 2

我设法通过向html元素添加空属性来使其工作：

<img src="~/Image?getById=@Model" onerror="fixBrokenImage(this)" alt=""/>

感谢@Teemu的建议，最终使该代码在Chrome上运行