img 加載網(wǎng)絡(luò)圖片失敗 顯示默認(rèn)圖片的方法
1. 概述
當(dāng)從網(wǎng)絡(luò)加載圖片失敗 希望顯示默認(rèn)圖
img 標(biāo)簽有個(gè) onerror屬性
2. 代碼
2.1 java服務(wù)端組織標(biāo)簽整個(gè)返回前端
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 前端組織標(biāo)簽
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 說(shuō)明
主要的問題是特殊字符'(單引號(hào))或"(雙引號(hào))的轉(zhuǎn)義問題
以上這篇img 加載網(wǎng)絡(luò)圖片失敗 顯示默認(rèn)圖片的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Spring Shell應(yīng)用程序開發(fā)流程解析
這篇文章主要介紹了Spring Shell應(yīng)用程序開發(fā)流程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-10-10Java之SpringBoot定時(shí)任務(wù)案例講解
這篇文章主要介紹了Java之SpringBoot定時(shí)任務(wù)案例講解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08Spring?Boot使用MyBatis進(jìn)行兩個(gè)表的關(guān)聯(lián)
本文主要介紹了Spring?Boot使用MyBatis進(jìn)行兩個(gè)表的關(guān)聯(lián),通過實(shí)例演示了如何使用MyBatis的XML映射文件和注解實(shí)現(xiàn)關(guān)聯(lián)操作,具有一定的參考價(jià)值,感興趣的可以了解一下2023-09-09