如何让网页上的失效图片，显示默认缺省图片

在做网页图片展示的时候，当图片不存在时网页上的图片位置会显示一个红x，这看起来很不好看。此时可以通过js来判断图片是否加载成功，如果未加载成功，则加载默认图片用以提示该图片不存在。

那怎么做呢？

其实这个方法很简单，就是“onerror”事件，当图片未加载成功时，就会触发该事件。触发该事件后，可以写个语句,让img标签重新加载默认图片来替换显示不了的图片。

具体事例：<img src="原图片地址" οnerrοr="this.src='默认图片地址';">，这样就Ok啦！

如何让网页上的失效图片，显示默认缺省图片相关推荐

CSS让一个图片显示在另一个图片上面
CSS让一个图片显示在另一个图片上面思路,在两个图片的父元素上设置 position:relative , 然后给小图片设置 position:absolute ,位置通过top,bottom,le ...
js优化上传大图片显示问题（压缩图片展示）
亲测有效,下面是上传后的图片加载时间以及压缩图片加载时间. 一.解决方案上传文件时,发现上传4M的图片,上传时有进度条,但是进度条结束之后,加载图片耗时917ms,当用户焦急的盯着进度条结束后,还要 ...
asp.net中使用Uploadify插件实现多张图片上传，上传后可显示缩略图、删除图片
本文为原创文章,欢迎转载!转载时请注明出处:http://blog.csdn.net/c_yang13 一.准备工具 1.jquery,我使用的是jquery-1.11.3.min.js 2.uplo ...
JS控制图片显示的大小（图片等比例缩放）
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C ...
Linux帆软报表服务图片显示红叉,outlook图片显示红叉
一般都是本地缓存文件造成的比较简单的一种做法是找到IE缓存文件保存的目录,然后显示隐藏文件关掉outlook和IE之后把文件全部手动删掉重新打开outlook应该就可以了在IE点Tools,找 ...
axios获取图片显示_Vue.js+axios图片预览以及上传显示进度
在平时项目开发中,我们经常会对文件做一些上传操作,不仅仅要实现基本需求,也要兼顾用户体验,根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化. 1.搭建项目基于Vue.js+axios ...
服务器把高清图片显示成表情图,图片上传被压缩怎么办？教你如何让公号图片变得高清！_【如何,得高,怎么,图片,表情包CC】...
[图片上传被压缩怎么办?教你如何让公号图片变得高清!] 内容提要:(2017-11-10)今天你斗图了吗? 到处搜集很费时间啊!但又不会ps--怎么办? △没错,就素这个了! 制作详解这里我们主要分 ...
Word文档中插入的图片显示不全、嵌入式图片显示不全解决方法，仅设置图片为单倍行距方法
最近突然发现 word 里插入的嵌入式图片只显示底下一部分,其它类型的图片又不能排版整齐,后来终于发现了原因. 问题展示: 因为我设置了段落的行距为固定值的缘故,改为单倍行距就好了. 但是我又不想让改 ...
exif.js html图片旋转,解决图片显示 Exif.js更改图片的显示方向
没什么文字直接上代码 //这是一个解决exif更改脱方向的一个js文件 // 应用前先npm install exif-js --save或者直接引入exif-js 调用方法 // let baseD ...

如何让网页上的失效图片，显示默认缺省图片

如何让网页上的失效图片，显示默认缺省图片相关推荐

最新文章

热门文章