【问题标题】:Test to see if an image with json value is broken/ or not there and replace with "no-photo" image?测试以查看具有 json 值的图像是否损坏/不存在并替换为“无照片”图像?
【发布时间】:2013-09-16 19:20:17
【问题描述】:
我和我的团队正在使用后端服务来获取 json 数据以在前端显示图像。我们有一个javascript,当它们没有值时将显示“no-photo.png”图像,当它们是值时显示正常的产品图像。
问题是我们会取回值,但图像会损坏,因为它们实际上并不存在,我们无法手动删除它们。
我的问题是:
即使图像具有价值,它们是否也是一种确定图像是否损坏的方法?
【问题讨论】:
标签:
javascript
jquery
json
attributes
return-value
【解决方案1】:
设置onerror 回调:
var img = new Image();
img.onerror = function () {
this.src = 'noimage.jpg';
};
img.src = 'path/from/json/img.jpg';