Ionic 圖片加載出錯處理
阿新 • • 發佈：2018-12-11
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> function nofind() { var img = event.srcElement; alert("沒有圖片,我就預設一張"); img.src = "https://www.baidu.com/img/bd_logo1.png";// 百度圖片的地址 img.onerror = null;// 控制不要一直跳動 } </script> </head> <body> <img src="/images/不存在圖.jpg" alt="北京" title="北京" onerror="nofind();"> </body> </html>
但是在Ionic中的寫法如下：
<img src="./assets/img/point-39-x.png" alt="無相片" (error)="noPicture($event)" />
注意寫法是： (error)="noPicture($event)"
private noPicture(event): void { var img = event.srcElement; alert("沒有圖片,我就預設一張"); //img.src = "https://www.baidu.com/img/bd_logo1.png";// 百度圖片的地址 img.src = "./assets/img/point-39-b.png"; img.onerror = null;// 控制不要一直跳動 }