img图片丢失后默认图
发表于|更新于
|浏览量:
万物并育而不相害,道并行而不相悖。一一《礼记》
我们在使用img标签时经常会遇到图片丢失等情况,我们可以给图片设置一个默认图
写法如下:
1 | <img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" /> |
这时候我们并没有给src属性赋值,导致触发onerror事件,执行了其中的js

当然如果我们是正常的图片,是无影响的

相关推荐
2023-08-18
aspect-ratio
物以稀为贵,情因老更慈。——白居易 分享一个css属性aspect-ratio 大家其实能看出来值2/1就是宽高比 这个属性在width和height只要有任意一个没有配的情况下就会生效,非常方便用于配置一些指定宽高比例的场景
2024-06-08
vuesax一些组件找不到踩坑
祸生于欲得,福生与自禁。——刘向 今天发现vuesax有一些组件用不了了,弄了半天,没办法去github上看了看 发现这个人也是相同问题 https://github.com/lusaxweb/vuesax-next/issues/208 然后翻issue看到一个不继续开发的issue https://github.com/lusaxweb/vuesax-next/issues/297 这里提到 A fork of Vuesax V4 has been created that works with Vue 3 and Nuxt 3. Additionally, the fork includes new components that are not present in V4. I suggest using and contributing to fork instead. Vuesax V4 的一个分支已经创建,可与 Vue 3 和 Nuxt 3 配合使用。此外,该分支还包含 V4 中不存在的新组件。我建议改为使用 fork 并为其做出贡献。 这里跳转过来是一个v...
2026-02-21
seerr
完成工作的方法是爱惜每一分钟。——达尔文 关注系统与媒体库的专属搭档 Seerr 毫不夸张地说,在现代在线媒体的繁荣时代,拥有一个高效的媒体请求与管理系统已变得至关重要。今天,我们要为大家介绍一款特别适合Jellyfin、Plex 和 Emby 用户的开源应用软件 Seerr。它不仅提供智能化、直观的界面,还在便捷性与功能性之间找到了一个完美的平衡。 Seerr 是什么?Seerr 是一款免费的开源软件,专为管理多媒体资源库的请求流程而设计,非常适合那些利用 Jellyfin、Plex 或 Emby 媒体服务器的朋友。同时,Seerr可以完美地与您现有的服务集成,比如 Sonarr 和 Radarr,大大简化了媒体管理的复杂性。 以目前 Github 上近万的 Star 数为证明,Seerr 无疑是当下备受推崇的开源媒体管理解决方案之一。 主要特性Seerr 的功能经过精心打磨,可以提供全面且令人满意的使用体验: 深度集成:兼容 Jellyfin、Emby 和 Plex,支持用户身份认证以及用户导入和管理。 数据库支持:支持 PostgreSQL 和 SQLite,灵活...
2021-05-15
splice
一百个满怀信心和决心的人,要比一万个谨小慎微的和可敬的可尊重的人强得多。——辛克莱 最近发现前端中对于数组有这样一个函数splice非常好用 首先我们可以这样 12var list = [1,2,3,4,5];list.splice(1) 可以看到我们从下标为1开始的2,截取了剩余部分 最后结果为2,3,4,5 但这是splice函数的返回值,我们如果看之前的list,可以看到只剩1了 因为1后面的被我们的splice截取掉啦 那我们如果传入两个参数,例如我这里从下标为3开始,截取两个元素 我们再看看原来的list,果然是剩下的1,2,3 如果我们想要截取时还要对应替换的话? 例如我这里想把3,4,5替换成4,5,6 就可以这么写 最后得到的list就是我们想要的结果 但如果我们想要截取掉的部分,就直接取splice的返回值即可 这里从下标2开始截取掉了两个元素3,4,换成了4,5
2025-08-26
fabricjs
没有比脚更长的路,没有比人更高的山。――汪国真《山高路远》 Fabric.js:浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中,图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画,还是数据可视化,HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强,却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验?如果答案是 YES,那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎! 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库,专为现代浏览器设计,能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力,还提供了对象化管理、序列化、事件监听、自由变形等高级功能,成为前端图形应用的“事实标准”。 项目地址:https://github.com/fabricjs/fabric.js 官网演示:h...
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog