如果页面上加载的图片路径不存在，显示默认图片

最新推荐文章于 2020-07-30 14:42:56 发布

思想羊

最新推荐文章于 2020-07-30 14:42:56 发布

阅读量537

点赞数

分类专栏： html 文章标签： html

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

如果页面上加载的图片路径不存在，则显示默认图片

<img :src="functionary.imgPath" onerror = " this . src='默认头像地址';  this. onerror = null" alt="用户头像">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

思想羊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

javascript批量检查当图片不存在时则显示默认图片的代码

12-09

此外，如果你的应用或网站有大量图片，你还可以考虑使用懒加载(lazy loading)技术，这是一种优化策略，只有当图片进入视口时才开始加载，可以显著提高页面加载速度。在图片加载失败时，同样可以结合上述JavaScript...

jquery解决图片路径不存在执行替换路径

10-27

在使用jQuery进行网页开发时，经常会遇到因为图片资源链接失效或不存在而导致网页上的图片无法正常显示的问题。...通过上述各种技术的组合使用，可以有效解决图片路径不存在时的替换问题，并优化整个图片加载的过程。

参与评论您还未登录，请先登录后发表或查看评论

后台获取的图片位置不对时的默认图片显示

weixin_30371875的博客

11-22

187

img先设置一个占位符，用来存放后台返回的图片地址，如果图片存在且地址正确则替换掉当前图片，如果后台获取的图片地址不正确，则还显示默认图片，这里提供onerror进行控制： <img src="../images/default_male.png" alt="店铺icon" id="store-img" class="store-logo" onerror="javasc...

用Javascript判断图片是否存在，不存在则显示默认图片的代码

weixin_34029680的博客

10-29

129

2019独角兽企业重金招聘Python工程师标准>>> ...

img src图片路径不存在，则显示一张默认图片的方法

xiao白的博客

07-30

1921

　可以借用img标签的onerror事件，img标签支持onerror事件，在装载文档或图像的过程中如果发生了错误，就会触发onerror事件。可以使用一张提示错误的图片代替显示不了的图片。代码如下：　 <img src="images/logo.png" onerror="javascript:this.src='winter.png';" /> //onerror指定一张图片 //下面也是一种方法当图片不存在时，将触发 onerror，而 onerror 中又为 img 指定一.

img图片不存在时设置默认图片

热门推荐

HaHa_Sir的博客

11-29

4万+

例如，有以下代码： [html] view plain copy img src="图片的url地址" alt="图片XX"/> 当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验。即使使用alt属性给出了"图片XX"的提示信息，也起不了多大作用。其实，可以这样处理：当图片不存在的时候，会触

当页面图片不存在时的处理方法

陪你听风的博客

09-04

5815

在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验，非常的不规范，同时页面上也会抛出异常。其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做一下补救的工作，比如： 1、让这个图片元素隐藏： [html]view plaincopy imgsrc="图片1url地址"

HTML 图片不存在则显示一个默认图片

08-10

`是为了防止事件无限循环，因为如果默认图片也加载失败，我们不希望再触发`onerror`事件。在实际应用中，`default-image-url`可以是服务器上的一个静态资源，也可以是数据URI（直接在HTML中嵌入的图片数据）。数据...

解决vue的 v-for 循环中图片加载路径问题

10-18

- **错误处理**：添加错误处理机制，当图片加载失败时，可以显示默认图片或提示信息。在实际开发中，确保图片正确加载并处理可能出现的问题是提高用户体验的关键。通过理解和解决这些问题，我们可以构建更加健壮的...

vue中当图片地址无效的时候,显示默认图片的方法

10-18

如果图片地址不存在（即为`null`），则同样可以使用`imgError`方法赋予默认图片地址。如果图片地址存在但图片无法获取，这种情况可以使用上述方法进行处理。综合来看，以上方法不仅可以有效解决图片地址无效时显示...

HTML中图片不存在，显示默认图片

远方

09-13

1万+

一个图片链接<img src="" /> 想用js 判断url是否有效如果404 就加载默认的图片路径 <img src="xxx" onerror="this.src=默认图地址"/> 图片标签img的 onerror事件 <img src="pic.gif" onerror="javascript:this.src='默认图地址';&quo

利用LoaderManager加载相册图片

铭哥的android博客

04-07

2460

loaderManager

vue图片不存在时加载默认图片

祗想安静地的博客

07-31

7111

在文件中的img那里添加:onerror="errorImg01"，然后设置errorImg01的路径如果直接写成 errorImg01: ('../../assets/images/item_image.png')，会找不到这个图片由于项目启动后，图片的路径并不是我们写的路径了。所以我们用 errorImg01: 'this.src="' + require('../../ass...

HTML 关于图片不存在时，显示一个默认的图片

weixin_33724570的博客

03-27

1048

2019独角兽企业重金招聘Python工程师标准>>> ...

js根据图片路径地址判断图片是否存在的几种方法

u011352738的博客

08-09

2万+

js根据图片路径地址判断图片是否存在的几种方法，可以是远程图片或是是本地上传的图片转自：http://www.ablanxue.com/prone_4739_1.html 1、 function CheckImgExists(imgurl) { var ImgObj = new Image(); //判断图片是否存在 ImgObj.src = imgurl;

vue项目中，图片无法显示时，显示默认图片，但默认图片路径出错

baifu2766的博客

08-25

758

问题描述在vue项目中，同样的图片，设置在img的src中能正常显示设置在img的onerror中不能正常显示原因项目启动后，图片的路径并不是我们写的路径了。示例：源代码： // 直接加载 <img src="../../assets/img/timg.jpg"> // 设置为logo.png加载失败后显示的默认图...

实现图片懒加载的jquery插件EasyLazyload

资源摘要信息:"图片懒加载是一种前端性能优化技术，目的在于提高页面加载速度和用户体验。在传统的网页中，页面加载时会同时加载所有资源，包括图片等。这会导致两个问题：一是大量数据传输减慢了页面的渲染速度；二...