前端：圖片載入失敗的處理方式

標籤：

1.

前端展示資料的時候，有圖片載入失敗的時候，可以用img標籤的 “onerror”屬性，來指定 如果圖片載入失敗，那麼就執行onerror屬性裡面的代碼

比如Freemarker的寫法

圖片地址 = ${headHref}

<img src="${headHref}" onerror="this.src=‘<#if headHref!= ‘‘>${headHref}<#else> ${basePath}/images/phone/pic.jpg</#if>‘"/>

 

比如正常的HTML頁面寫法

<img src="https://www.baidu.com/23423.jpg" onerror="this.src=‘https://www.baidu.com/img/baidu_jgylogo3.gif‘"/>

前端：圖片載入失敗的處理方式