Angular ionic标记中加载图像失败的错误事件
我有这个离子标签Angular ionic标记中加载图像失败的错误事件,angular,error-handling,event-handling,ionic4,angular7,Angular,Error Handling,Event Handling,Ionic4,Angular7,我有这个离子标签 当映像加载失败时,我需要发送一个错误事件,这个(ionError)事件在ion img标记的文档中,但它不起作用,其他事件处理程序工作正常,有人知道任何其他事件处理程序有错误吗?似乎您在为我工作时还有其他事情发生: <ion-img src="notfound.png" (ionError)="onError()"></ion-img> 这个输出: 您确定您的错误处理程序函数的名称正确吗 failedImageLoad() 更新 根据您的评论,您
当映像加载失败时,我需要发送一个错误事件,这个
(ionError)
事件在ion img标记的文档中,但它不起作用,其他事件处理程序工作正常,有人知道任何其他事件处理程序有错误吗?似乎您在为我工作时还有其他事情发生:
<ion-img src="notfound.png" (ionError)="onError()"></ion-img>
这个输出:
您确定您的错误处理程序函数的名称正确吗
failedImageLoad()
更新
根据您的评论,您正在处理403错误
I和ionError
实际上只是html imgonerror
事件的包装器
这是:
- src属性为空或null
- 指定的src URL与用户当前所在页面的URL相同
- 指定的映像已损坏,无法加载
- 指定图像的元数据已损坏,无法检索其维度,并且元素的属性中未指定维度
- 指定的映像的格式不受用户代理支持
可以肯定的是:这次你提到了两个独立的文件,这不是你最初的问题。您是否已将图像处理程序同时放入这两个文件中?我的图像加载错误解决方案
<img class="avatar" [src]="merchant.logo_url" (error)="errorImage(img)" #img />
errorImage(img) {
img.src = '../../../../../../assets/svg-icons/022-menu.svg'
}
错误图像(img){
img.src='../../../../../../../assets/svg icons/022 menu.svg'
}
简单的解决方案。
ionError:解决方案
fallbackUrl='assets/img/fallback image.png';
两个文件中的函数名称相同,但ion img标记中的im绑定是一个链接,当服务器中不存在映像时,该链接会在控制台中抛出一个403禁止的
错误,可能ionError函数不将此视为错误?您使用的是哪个版本?是否可以从ionic 4.2中添加ionic错误?这是否回答了您的问题?你叫什么甜心?
<img class="avatar" [src]="merchant.logo_url" (error)="errorImage(img)" #img />
errorImage(img) {
img.src = '../../../../../../assets/svg-icons/022-menu.svg'
}
fallbackUrl = 'assets/img/fallback-image.png';
<ion-img [src]="user.userMg" (ionError)="user.userMg = fallbackUrl"></ion-img>