原文:js当图片返回404时如何展示默认图片

在做项目时遇到一个问题,当图片返回失败时,例如 的情况,不能正常的显示,刚开始是用vue.js做的,部分代码如下 通过vue.js动态绑定的方法,返回默认的头像,这种情况只考虑到headPic 为 null undefined 的这三种情况,而没有考虑到返回的地址为 的情况,通过上网查资料得知, img自身就带有onerror属性,可以监控到图片是否加载失败的情况,于是乎,将代码调整如下 lt i ...

2017-12-22 14:44 0 2405 推荐指数:

查看详情

JS实现遮罩展示图片

一、展示 二、代码 遮罩层重点在: 1,head中的style css样式、 2,body內的mask显示div、 3,script中的js代码。 4,因为这里使用了一点jquery,所以需要在head中引入jquery ...

Mon Feb 07 00:45:00 CST 2022 0 740
小程序图片404错误,使用默认图片替换

image的属性 微信小程序图片加载失败显示默认图片,通常情况下: wxml <image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image> ...

Fri Oct 12 18:13:00 CST 2018 0 2025
Vue.js项目中,当图片无法显示则显示默认图片

使用require将图片进入,写法如下: data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'}) 注:我是在data里就将字符串拼接好了,当然也可以在onerror方法里拼接,这里就不赘述 ...

Sat Mar 09 01:43:00 CST 2019 0 533
Vue.js项目中,当图片无法显示则显示默认图片

Vue.js项目中,当图片无法显示则显示默认图片使用onerror方法 最近在学习Vue,遇到了一个问题,就是从后台传过来的图片路径无效,需要在页面显示默认图片 本人试了3种方法,2种方法失败了(失败原因:图片定位失败) 失败方法一:   见http://blog.csdn.net ...

Thu May 16 00:42:00 CST 2019 0 1083
关于photoswipe的展示图片自适应问题

用过photoswipe做移动端图片预览的小伙伴都知道,这个插件存在一个data-size,必须要填写,但是如果你的图片尺寸比例不是固定的,那这个属性就会带来无尽的烦恼,我个人在使用jQuery,发现一种解决办法 window.onload=function ...

Tue Jul 05 17:41:00 CST 2016 1 5274
js文本公告滚动展示图片轮播....

1、引入文件 2、HTML 3、JavaScript 配置 名称 类型 默认值 说明 direction 字符串 left 滚动方向,可选 left / right / up ...

Fri Jan 19 19:21:00 CST 2018 0 1313
图片加载失败默认

这是第一种方法:最普通的HTML拼接中,给img标签添加onerror,用 --------> onerror=javascript:this.src="../../image/demoPic.png" // 图片加载错误时添加默认图片 ...

Tue Aug 27 22:51:00 CST 2019 0 672
14.django返回展示一张图片

urlpatterns = [ path('admin/', admin.site.urls), # 使用django返回一张土图片的时候需要间接的访问一个中间接口,是html页面的中的img的src自己去请求服务器的后台的一个接口,这个时候就需要用到模板自己的反向解析 ...

Thu Oct 31 01:48:00 CST 2019 0 661
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM