javascript - 测试以查看具有 json 值的图像是否损坏/不存在并替换为“无照片”图像？

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';