img图片丢失后默认图

发表于2022-01-08|更新于2026-02-24

|浏览量:

万物并育而不相害，道并行而不相悖。一一《礼记》

我们在使用img标签时经常会遇到图片丢失等情况，我们可以给图片设置一个默认图

写法如下：

1	<img src onerror="this.src='/img/oss/2020-06-01/head.jpg'" />

这时候我们并没有给src属性赋值，导致触发onerror事件，执行了其中的js

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

相关推荐

当众人都哭时，应该允许有的人不哭。当哭成为一种表演时，更应该允许有的人不哭。——莫言我们在使用uniapp进行微信小程序开发时可能会遇到如下情况：这是因为微信小程序官方文档提到：某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M 对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。此时可以进行简单的静态资源处理，将static目录下的图片之类的压缩或者放到在线图床上如果在这样处理后还是提示超...

订单确认按钮动画

志向不过是记忆的奴隶，生气勃勃地降生，但却很难成长。——莎士比亚源码地址 https://codepen.io/aaroniker/details/eYOVrNa 非常炫酷的按钮效果，让人眼前一亮主要都是靠css实现的 pug代码: 12345678910111213button(class='order') span(class='default') Complete Order span(class='success') Order Placed svg(viewbox='0 0 12 10') polyline(points='1.5 6 4.5 9 10.5 1') div(class='box') div(class='truck') div(class='back') div(class='front') div(class='...

wangeditor实现鼠标悬停选中句子

学校要求教师在他的本职工作上成为一种艺术家。 —— 爱因斯坦 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103import { DomEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor/editor'function addMouseHoverListener(editor: IDomEditor) { const editorElement = DomEditor.toDOMNode(editor, editor) let hoverTimeout: NodeJS.Timeout | nu...

typescript快速入门

在原则产问题上，要坚定如磐石；在兴趣问题上，则要顺应潮流。——美国官方文档：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode：https://visualstudio.microsoft.com/zh-hans/ 安装后打开新建文件选择语言写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文重启后，我们打开控制台然后安装typescript 1cnpm install -g typescript 编译ts文件： 1...

vue scroll事件失效

那些听不见音乐的人认为那些跳舞的人疯了。——尼采。这个坑，我遇到的时候，百度要么告诉我加高度，要么告诉我用document或者ref去获取节点可我只想用@scroll事件，于是我在到处加@scroll，在组件上加@scroll.native，在组件里的div上加，在slot中加，然后又给它们挨个加高度，没一个好使，搞的我很头大后面我突然发现，我给加的，好像并不是实际滚动的地方，那我明白了，首先我给引用组件放入slot中的div指定了样式： 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll，此处如果该div下的元素高度超出了80vh，则会触发事件。。。这坑踩的，就离谱

有人尖刻地嘲讽你，你马上尖酸地回敬他。有人毫无理由地看不起你，你马上轻蔑地鄙视他。有人在你面前大肆炫耀，你马上加倍证明你更厉害。有人对你冷漠，你马上对他冷淡疏远。看，你讨厌的那些人，轻易就把你变成你自己最讨厌的那种样子，这才是“敌人”对你最大的伤害。——扎西拉姆·多多《喃喃》分享一个开源图标库 macOS Big Sur风格的流行应用程序的替换图标 GitHub - elrumo/macOS_Big_Sur_icons_replacements: Replacement icons for popular apps in the style of macOS Big Sur Over 5000+ free icons for macOS Monterey, Big Sur & iOS - massive app icon pack 您只需下载所需的图标，在 Finder 上找到要更新的应用程序，选择它并“File > Get Info”或“⌘-I”，然后将下载的 .icns 文件拖放到新窗口中。

阿超

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

数据加载中