Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >若img标签图片加载失败,显示某固定图片

若img标签图片加载失败,显示某固定图片

作者头像
R0A1NG
发布于 2022-02-19 01:39:17
发布于 2022-02-19 01:39:17
1.9K00
代码可运行
举报
文章被收录于专栏:R0A1NG 技术分享R0A1NG 技术分享
运行总次数:0
代码可运行

把下面代码复制到前面(放到所有图片标签的后边)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script type="text/javascript">
    $(function(){
        $("img").attr("onerror","slnotimg();");
        $("img").each(function(){
            this.src = this.src;
        });
    });
    function slnotimg() {
        var img = event.srcElement;
        img.src = "./img/load.svg";//若加载失败显示的图片
        img.onerror = null;
    }
</script>

需引入jq typecho里需要改代码才能用这个方法

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021 年 04 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js 图片加载失败处理方法「建议收藏」
个人github:https://github.com/qiilee 欢迎follow
全栈程序员站长
2022/09/05
6K0
js 图片加载失败处理方法「建议收藏」
jquery+html 压缩图片
https://github.com/kingwsi/compress-pic/blob/master/index.html
有勇气的牛排
2023/06/25
2170
让Web页面中的编辑器支持黏贴或直接拖拽来添加图片「建议收藏」
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/107088.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/04
5780
JavaScript异步编程1——Promise的初步使用
Promise对象是ES6提出的的异步编程的规范。说到异步编程,就不得不说说同步和异步这两个概念。
charlee44
2021/04/13
7540
JavaScript设计模式之观察者模式
https://github.com/ahwgs/design-pattern-learning/tree/master/9.JavaScript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F
w候人兮猗
2020/07/01
6420
自制上报错误与监控性能
注意 注释 的“抓取文件404报错”,“抓取js常规报错”,“抓取页面性能时间”,代码很好理解,将整个操作放在闭包内执行,以免污染外面。 这段代码必须放在head标签头部内,若头部有js外联,那该段代码必须放在js外联之上,若将这段代码放置在http://www.xxx.com/logservice.js,那代码如下:
张炳
2019/08/02
5380
处理img标签加载图片失败,显示默认图片简单代码分享
常规方法解决我们都知道,img标签支持onerror事件,在装载文档或图像的过程中如果发生了错误,就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。
qiangzai
2021/12/21
4.3K0
处理img标签加载图片失败,显示默认图片简单代码分享
图片加载失败替换图片解决方案
图片加载失败在不同浏览器表现有差异,比如google可能会一片空白、img的宽高是0*0,ie会在图片位置会出现一个碎片图标,火狐会显示一个边框像这样:
全栈程序员站长
2022/09/05
2.8K0
图片加载失败替换图片解决方案
html错误(一) Stack Overflow at line:0 IE下解决方案
一 今天用IE测试发现一个很奇葩的问题:代码没有什么问题,但是在浏览器中会自动弹出一个错误
全栈程序员站长
2022/09/14
5670
html错误(一) Stack Overflow at line:0 IE下解决方案
fastadmin 框架中图片点击放大
fastadmin的原生图片预览,重新打开一个窗口太麻烦,使用layui做一个弹窗式的图片预览
超级小可爱
2023/02/20
3.7K0
javascript跨域无需修改服务器端
由于img标签可以跨域,因此在onload和onerror事件中可以请求跨域,只能get请求,无法访问服务器的响应文本,只能用于单向通信。
战神伽罗
2019/07/24
1.2K0
当网页图片不存在时不显示叉叉,显示默认图片的方法,管用的很!
有时候管理系统里面的产品图片没上传,或者因为网络原因传输过程中断了,图片没显示出来,就会显示一个叉叉,并且图片的占位符也不起作用了。昨晚上花了1个小时搜索、调试,验证了几种网络上的方法,最终有2种方法的确有效,鉴于代码优美的需要,我选择了如下一种。
崔文远TroyCui
2019/02/26
1.9K0
JavaScript 页面资源加载方法onload,onerror总结
……如果加载失败怎么办?例如,这里没有这样的脚本(error 404)或者服务器宕机(不可用)。
winty
2021/03/11
4.5K0
使用 JS 检测网址能否正常加载
使用 JavaScript 创建一个图片,设置图片的链接为 检测网址 + favicon.ico。
OhhhCKY
2022/12/28
2.6K0
【兼容性】js 浏览器兼容问题处理方式
document.getElementById(“header”).style.styleFloat = “left”;
前端修罗场
2023/10/07
3640
实现图片懒加载jquery.scrollLoading.js
记录一下吧,省得那天忘记了还得去搜百度顺便分享给大家很简单的方法。 首先需要jquery.min.js插件,我用的是jQuery v2.1.3,大家可以去百度搜很多自己引入全局顶部即可,当然你的程序自带就不需要在引用JQ了。
用户8099761
2023/05/11
2.2K0
实现图片懒加载jquery.scrollLoading.js
img图片加载失败的处理
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/145961.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/29
2.3K0
js如何控制一次只加载一张图片,加载完成后再加载下一张
今天看到一个面试题,是关于img图片加载方面的,有必要记录一下。其实关于这个问题,只要知道图片什么时候加载完成就能解决了。
zz_jesse
2024/07/15
1500
js如何控制一次只加载一张图片,加载完成后再加载下一张
利用 img 的 src 属性发起 get 请求踩坑记录
工作中,碰到一个需求,需要使用img标签的src属性发送一个get请求。原先的设想是,当请求发送成功之后,会触发img的onload回调,请求失败,则触发img的onerror回调。奈何理想很丰满,现实很骨感...
玖柒的小窝
2021/10/24
4.4K0
JavaScript异步编程4——Promise错误处理
在上一篇文章《JavaScript异步编程3——Promise的链式使用》中,通过Promise的链式使用,避免程序中多次嵌套回调(回调地狱)。根据前面的文章我们可以知道,Promise是基于状态的,成功/失败的状态会分别去处理相应的回调函数。一般而言,失败的状态我们希望能够捕获它,将它像异常(Error)一样处理。
charlee44
2021/05/07
6580
推荐阅读
相关推荐
js 图片加载失败处理方法「建议收藏」
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文