img 加载网络图片失败 显示默认图片的方法

 更新时间:2017年05月25日 08:59:10   投稿:jingxian  
下面小编就为大家带来一篇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 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 加载网络图片失败 显示默认图片的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Spring Cloud Eureka基础应用及原理

    Spring Cloud Eureka基础应用及原理

    这篇文章主要介绍了Spring Cloud Eureka基础应用,Eureka Client中内置一个负载均衡器,用来进行基本的负载均衡,下面我们将通过搭建一个简单的Eureka例子来了解Eureka的运作原理,感兴趣的朋友一起看看吧
    2022-05-05
  • Java采用循环链表结构求解约瑟夫问题

    Java采用循环链表结构求解约瑟夫问题

    这篇文章主要介绍了Java采用循环链表结构求解约瑟夫问题的解决方法,是很多Java面试环节都会遇到的经典考题,这里详细给出了约瑟夫问题的原理及Java解决方法,是非常经典的应用实例,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 关于Jar包部署命令全面解析

    关于Jar包部署命令全面解析

    这篇文章主要介绍了Jar包部署命令全面解析,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • Spring注解Autowired的底层实现原理详解

    Spring注解Autowired的底层实现原理详解

    从当前springboot的火热程度来看,java config的应用是越来越广泛了,在使用java config的过程当中,我们不可避免的会有各种各样的注解打交道,其中,我们使用最多的注解应该就是@Autowired注解了。本文就来聊聊Autowired的底层实现原理
    2022-10-10
  • java中实现map与对象相互转换的几种实现

    java中实现map与对象相互转换的几种实现

    这篇文章主要介绍了java中实现map与对象相互转换的几种实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • eclipse中自动生成javadoc文档的方法

    eclipse中自动生成javadoc文档的方法

    这篇文章主要介绍了eclipse中自动生成javadoc文档的方法,是实用eclipse开发Java程序时非常实用的技巧,对于进行Java项目开发具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • Mybatis中Like的三种使用解读

    Mybatis中Like的三种使用解读

    这篇文章主要介绍了Mybatis中Like的三种使用解读,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • Liquibase 在 Spring Boot 中的使用详细介绍

    Liquibase 在 Spring Boot 中的使用详细介绍

    Liquibase 提供了灵活的变更集机制,支持创建表、修改列、填充数据、回滚变更等多种操作,本文将通过多个丰富的示例,详细讲解如何在 Spring Boot项目中使用 Liquibase,感兴趣的朋友跟随小编一起看看吧
    2024-12-12
  • 通过Java添加Word文本框过程详解

    通过Java添加Word文本框过程详解

    这篇文章主要介绍了通过Java添加Word文本框过程详解,在Word中,文本框是指一种可移动、可调节大小的文字或图形容器。我们可以向文本框中添加文字、图片、表格等对象,下面,将通过Java编程来实现添加以上对象到Word文本框,需要的朋友可以参考下
    2019-07-07
  • Java基础之数组的初始化过程

    Java基础之数组的初始化过程

    Java数组分为静态和动态初始化,静态初始化中,程序员设定元素初始值,系统决定长度;动态初始化中,程序员设定长度,系统提供初始值,数组初始化后长度固定,存储在堆内存中,数组变量在栈内存指向堆内存数组对象,基本类型数组存储数据值,引用类型数组存储对象引用
    2024-10-10

最新评论