java图片不显示img_img图片不存在显示默认图

最新推荐文章于 2022-05-08 09:57:15 发布

寒夜剑鸣

最新推荐文章于 2022-05-08 09:57:15 发布

阅读量442

点赞数

CC 4.0 BY-SA版权

文章标签： java图片不显示img

本文链接：https://blog.youkuaiyun.com/weixin_35894622/article/details/114624560

本文介绍了三种处理网页中图片加载失败的方法：使用jquery_lazyload插件实现懒加载、通过onerror属性设置默认图片以及利用JS代码遍历所有img元素替换错误的图片源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。

第一种方式：使用jquery_lazyload插件实现图片懒加载。只需要在src中写上默认图片地址即可。

%7B%7B%20item.get('CoverUrl')%20%7D%7D

第二种方式：在img标签上写 onerror 方法。

onerror="this.src='https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D600%2C800/sign=ee323c6c71cf3bc7e855c5eae1309699/3801213fb80e7becdddcc3802e2eb9389b506b49.jpg'">

第三种方式：在js中写(只要当前页面img标签图片加载出错，就会给赋值默认图片地址)

$('.img').each(function () {

if (!this.complete || typeof this.naturalWidth === "undefined" || this.naturalWidth === 0) {

this.src = "https://gss0.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/wh%3D600%2C800/sign=ee323c6c71cf3bc7e855c5eae1309699/3801213fb80e7becdddcc3802e2eb9389b506b49.jpg";

}

});