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

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

相关推荐
2022-07-14
vue-class-component
人的教养不能够靠别人传授,人必须进行自我修养。一切苦修也绝不是文化修养,教育是通过人的主动性来实现的,教育牢牢地钉在主动性上。——费希特 官方文档:https://class-component.vuejs.org/ class-component是vue官方库之一,其可以让你使用class的方式定义、编写组件 再加上ts的装饰器,最终效果如下: 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2020-06-05
前端传递参数后端接收不到的坑
前两天跟小伙伴一起做项目的时候遇到一个问题 我们前端同志传递过来的参数无论如何也接收不到,debug发现根本没有传进来,而前端明明传了 后来在哥们儿的帮助下发现原来是参数名的问题…. 用的是代码生成器,生成的javabean的属性名是这样的uname 而生成的getter/setter方法名是这样的… 123456789101112131415161718/** * 获取活动名称 * * @return 活动名称 */public String getEName() { return this.eName;}/** * 设置活动名称 * * @param eName * 活动名称 */public void setEName(String eName) { this.eName = eName;} 直接导致参数接收不到 解决办法是用 12345@PostMapping("/event/add")public AjaxJson addEvent(@RequestBody Map...
2022-09-03
canvas视频截帧
礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<script> /** * * @param src string 视频url * @param currentTime double 视频截取位置,单位秒 * @return 截取图片的 base64 */ ...
2025-07-31
NotionNext
世间的很多事物,追求时候的兴致总是要比享用的时候的兴致浓烈。——莎士比亚《威尼斯商人》 https://github.com/tangly1024/NotionNext NotionNext:让你的 Notion 笔记一键变身高颜值博客,创作力爆表!你是否曾梦想过,把平时在 Notion 里整理的笔记、知识库、项目规划,轻松变成一个公开的、高颜值的个人博客?不用折腾服务器、不用敲一行后端代码,只需几步就能让你的内容“闪耀网络”!NotionNext,就是这样一款为创作者量身定制的“神器”,让你的 Notion 内容即刻升级为一个全功能网站! NotionNext 是什么?NotionNext 是一个基于 NextJS 和 Notion API 开发的静态博客系统。它专为 Notion 用户和内容创作者而生,让你可以把自己的 Notion 页面一键部署到 Vercel,秒变个人博客、知识库、作品集,甚至是团队官网! 官网/文档:NotionNext帮助手册 项目地址:tangly1024/NotionNext 主要特性亮点 无缝对接 Notion:只...
2022-09-21
three.js
阿谀奉承而无所图的人极少;爱奉承的话,就免不了要付出代价——佚名 一个js的3D库 git仓库:https://github.com/mrdoob/three.js 官网:https://threejs.org/ 其中包含了很多案例 甚至有用它做游戏:
2020-08-24
兼容IE浏览器
今天客户说他那边网站崩了,让客户截了个图,看到是ie浏览器。。。我瞬间的反应是崩溃的 所以才有了这篇博客 这里分享一个小工具,能把ES6语法转成IE支持的语法 使用方式很简单 解压,用vscode打开 控制台输入cnpm i 然后把你的js文件放到src\js下面 转换前是这样的 我们npm run build一遍 可以看到我们的dist目录下面已经生成了转换好的js了 2020年,竟然还有人用IE。。。 下载链接

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