我从API中获取大量图像URL,并在angular 2 web应用程序中显示它们.有些URL被 destruct 了,我想用存储在我的Web服务器上的默认图片替换它们.是否有人建议如何测试URL,以及在状态代码404的情况下替换损坏的图像?
谢谢
我从API中获取大量图像URL,并在angular 2 web应用程序中显示它们.有些URL被 destruct 了,我想用存储在我的Web服务器上的默认图片替换它们.是否有人建议如何测试URL,以及在状态代码404的情况下替换损坏的图像?
谢谢
听图像元素的error
事件:
<img [src]="someUrl" (error)="updateUrl($event)">
其中,updateUrl(event) { ... }
为this.someUrl
指定一个新值.
如果只想签入代码,可以使用Checking if image does exists using javascript中说明的方法
@Directive({
selector: 'img[default]',
host: {
'(error)':'updateUrl()',
'[src]':'src'
}
})
class DefaultImage {
@Input() src:string;
@Input() default:string;
updateUrl() {
this.src = this.default;
}
}