img 加載網絡圖片失敗 顯示默認圖片的方法

1. 概述

當從網絡加載圖片失敗 希望顯示默認圖

img 標簽有個 onerror屬性

2. 代碼

2.1 java服務端組織標簽整個返回前端

String imgUrl = "javascript:this.src=\'http://172.21.96.31:88/k/default.jpg\'";
digest += "<img src='" + thumbnail + "' width='85px' height='70px' onerror=\""+imgUrl+"\">";

2.2 前端組織標簽

var imgPath = "javascript:this.src=\'http://172.21.96.31:88/k/default.jpg\'";
_digest += '<div >';
_digest += '<img src="' + streamuri + '/keyframes/' + mmoId + '/char.JPG" onerror="'+imgPath+'" width="85px" height="70px">';
_digest += '</div>';

2.3 說明

主要的問題是特殊字符'(單引號)或"(雙引號)的轉義問題

以上這篇img 加載網絡圖片失敗 顯示默認圖片的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。