img 加載網(wǎng)絡圖片失敗 顯示默認圖片的方法
更新時間:2017年05月25日 08:59:10 投稿:jingxian
下面小編就為大家?guī)硪黄猧mg 加載網(wǎng)絡圖片失敗 顯示默認圖片的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
1. 概述
當從網(wǎng)絡加載圖片失敗 希望顯示默認圖
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 style="width:85px;height:70px;padding-left:0px;">'; _digest += '<img src="' + streamuri + '/keyframes/' + mmoId + '/char.JPG" onerror="'+imgPath+'" width="85px" height="70px">'; _digest += '</div>';
2.3 說明
主要的問題是特殊字符'(單引號)或"(雙引號)的轉義問題
以上這篇img 加載網(wǎng)絡圖片失敗 顯示默認圖片的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Spring?Boot使用MyBatis進行兩個表的關聯(lián)
本文主要介紹了Spring?Boot使用MyBatis進行兩個表的關聯(lián),通過實例演示了如何使用MyBatis的XML映射文件和注解實現(xiàn)關聯(lián)操作,具有一定的參考價值,感興趣的可以了解一下2023-09-09