img 加載網(wǎng)絡(luò)圖片失敗顯示默認圖片的方法

更新時間：2017年05月25日 08:59:10 投稿：jingxian

下面小編就為大家?guī)硪黄猧mg 加載網(wǎng)絡(luò)圖片失敗顯示默認圖片的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1. 概述

當從網(wǎng)絡(luò)加載圖片失敗希望顯示默認圖

img 標簽有個 onerror屬性

2. 代碼

2.1 java服務(wù)端組織標簽整個返回前端

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 說明

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

以上這篇img 加載網(wǎng)絡(luò)圖片失敗顯示默認圖片的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

Spring?Cloud?Eureka基礎(chǔ)應用及原理
這篇文章主要介紹了Spring?Cloud?Eureka基礎(chǔ)應用,Eureka?Client中內(nèi)置一個負載均衡器，用來進行基本的負載均衡，下面我們將通過搭建一個簡單的Eureka例子來了解Eureka的運作原理，感興趣的朋友一起看看吧
2022-05-05
Java采用循環(huán)鏈表結(jié)構(gòu)求解約瑟夫問題
這篇文章主要介紹了Java采用循環(huán)鏈表結(jié)構(gòu)求解約瑟夫問題的解決方法,是很多Java面試環(huán)節(jié)都會遇到的經(jīng)典考題,這里詳細給出了約瑟夫問題的原理及Java解決方法,是非常經(jīng)典的應用實例,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
關(guān)于Jar包部署命令全面解析
這篇文章主要介紹了Jar包部署命令全面解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-10-10
Spring注解Autowired的底層實現(xiàn)原理詳解
從當前springboot的火熱程度來看，java?config的應用是越來越廣泛了，在使用java?config的過程當中，我們不可避免的會有各種各樣的注解打交道，其中，我們使用最多的注解應該就是@Autowired注解了。本文就來聊聊Autowired的底層實現(xiàn)原理
2022-10-10
java中實現(xiàn)map與對象相互轉(zhuǎn)換的幾種實現(xiàn)
這篇文章主要介紹了java中實現(xiàn)map與對象相互轉(zhuǎn)換的幾種實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-07-07
eclipse中自動生成javadoc文檔的方法
這篇文章主要介紹了eclipse中自動生成javadoc文檔的方法,是實用eclipse開發(fā)Java程序時非常實用的技巧,對于進行Java項目開發(fā)具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
Mybatis中Like的三種使用解讀
這篇文章主要介紹了Mybatis中Like的三種使用解讀,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-09-09
Liquibase 在 Spring Boot 中的使用詳細介紹
Liquibase 提供了靈活的變更集機制,支持創(chuàng)建表、修改列、填充數(shù)據(jù)、回滾變更等多種操作,本文將通過多個豐富的示例,詳細講解如何在 Spring Boot項目中使用 Liquibase,感興趣的朋友跟隨小編一起看看吧
2024-12-12
通過Java添加Word文本框過程詳解
這篇文章主要介紹了通過Java添加Word文本框過程詳解，在Word中，文本框是指一種可移動、可調(diào)節(jié)大小的文字或圖形容器。我們可以向文本框中添加文字、圖片、表格等對象，下面，將通過Java編程來實現(xiàn)添加以上對象到Word文本框,需要的朋友可以參考下
2019-07-07
Java基礎(chǔ)之數(shù)組的初始化過程
Java數(shù)組分為靜態(tài)和動態(tài)初始化,靜態(tài)初始化中,程序員設(shè)定元素初始值,系統(tǒng)決定長度；動態(tài)初始化中,程序員設(shè)定長度,系統(tǒng)提供初始值,數(shù)組初始化后長度固定,存儲在堆內(nèi)存中,數(shù)組變量在棧內(nèi)存指向堆內(nèi)存數(shù)組對象,基本類型數(shù)組存儲數(shù)據(jù)值,引用類型數(shù)組存儲對象引用
2024-10-10