测试以查看具有 json 值的图像是否损坏/不存在并替换为"no-photo"图像？

Question

我和我的团队正在使用后端服务来获取 json 数据以在前端显示图像。我们有一个javascript，当没有值时，它会显示一个"no-photo.png"图像，当有值时，它会显示正常的产品图像。

问题是我们会得到值，但图像回来时坏了，因为它们实际上不存在，我们无法手动删除它们。

我的问题是：
即使图像有值，它们是否是一种确定图像是否损坏的方法？

Answer 1

设置onerror回调：

var img = new Image();
img.onerror = function () {
    this.src = 'noimage.jpg';
};
img.src = 'path/from/json/img.jpg';