当前位置: 首页 > 新闻动态 > 软件编程

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

作者:用户投稿 浏览: 发布日期:2026-01-12
[导读]:下面小编就为大家带来一篇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 加载网络图片失败 显示默认图片的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

免责声明:转载请注明出处:http://m.jing-feng.com.cn/news/429433.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!