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

Test to see if an image with json value is broken/ or not there and replace with "no-photo" image?

本文关键字:图像 替换 不存在 无照片 照片 损坏 json 是否 测试      更新时间:2023-09-26


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

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

我的问题是:
即使图像有值,它们是否是一种确定图像是否损坏的方法?

设置onerror回调:

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