测试以查看具有 json 值的图像是否损坏/不存在,并替换为“无照片”图像
Test to see if an image with json value is broken/ or not there and replace with "no-photo" image?
我和我的团队正在使用后端服务来获取 json 数据以在前端显示图像。我们有一个javascript,当没有值时,它会显示一个"no-photo.png"图像,当有值时,它会显示正常的产品图像。
问题是我们会得到值,但图像回来时坏了,因为它们实际上不存在,我们无法手动删除它们。
我的问题是:
即使图像有值,它们是否是一种确定图像是否损坏的方法?
设置onerror
回调:
var img = new Image();
img.onerror = function () {
this.src = 'noimage.jpg';
};
img.src = 'path/from/json/img.jpg';
相关文章:
- 使用javascript的图像替换循环
- 是否可以仅通过jQuery将图像替换为用户动态选择的另一个图像
- 用图像替换SVG
- 将href中的图像替换为其他元素中的图像
- 错误时用图像替换视频
- 以编程方式将fabric-js-canvas的图像替换为hq图像,并重新计算其他对象的坐标和大小
- jQuery 图像替换为类
- 可以用我自己的自定义图像替换光标
- jQuery-图像替换转换〔Safari中的问题〕
- d3.js用图像替换节点
- 用图像替换页面,而不是添加图像
- 可以动态设置图像替换文本吗
- JQuery - 单击时将背景图像替换为另一个背景图像
- 将鼠标悬停在另一个图像上时,将图像替换为另一个图像
- HTML:用图像替换文本微笑
- 将所有图像替换为一个图像 Javascript
- 在 jquery 中使用类和 ID 将一个图像替换为另一个图像
- 如何用自定义图像替换脸书按钮
- 在 PHP 中将一个外部图像替换为另一个内部图像
- 将图像替换为另一个图像,然后在超时后再次替换 - Javascript