1

angularjs图片加载失败，本文的angularjs图片加载失败中的angularjs指的是angular2、angular4。

2

首先在img标签上添加error事件；

3

然后在xxx.component.ts里实现imgerror方法，代码如下：

/**

* 处理图片加载失败

* @param e

imgerror(e) {

//图片加载失败的默认显示图片

const defultImg = 'http://avatar.csdn.net/1/A/1/3_zzwwjjdj1.jpg';

e.srcElement.src = defultImg;

//防止默认图片加载失败,造成死循环

e.srcElement.removeEventListener('error');

};

这样，当图片加载失败的时候就会显示默认图片，当然图片在很多个组件内都可能存在，

写一个公共方法即可。

意外金喜的博客：http://blog.csdn.net/zzwwjjdj1

解决angularjs图片加载失败相关推荐

解决Github图片加载失败
问题描述浏览自己Github某仓库的README.md内时,发现文档的图片始终加载不出,打开浏览器后台,冒出一片红,Failed to load resource: net::ERR_CONNECT ...
angularjs 图片加载失败时,加载默认图片
app.directive('errSrc', function () { return { link: function (scope, element, attrs) { element.bind ...
解决 SpringBoot 图片加载失败
小程序图片加载失败binderror方法处理
场景:我们在小程序项目中的一个图片列表,当某些图片加载失败后,直接显示空白,这样用户体验不好,为了解决当图片加载失败,我们给一个默认图片代替,参考官方给的图片加载失败的处理方法:binderror c ...
bug解决-Vue中img图片加载失败解决方案
Vue 中img图片加载失败解决方案 bug:assets文件下的图片动态取得话,显示不出来. 解决方法:把图片放到public文件夹下 public是直接原封不动打包到dist里面
ionic开发——图片加载失败或不存在时显示提示图片的解决方法
当图片加载失败或者不存在的时候,我们需要一张提示图片来代替他.用判断就太麻烦了,img有自己的方法onerror , 当找不到图片的时候就会执行onerror里面的代码例如: <img src ...
vue解决图片加载失败显示默认图片的方法
在项目中经常会遇到图片加载失败需要显示默认图片的场景,那么如何在图片src资源加载失败显示出默认的图片呢? 方法一:onerror <img src="原来要加载的资源" o ...
Service Worker 图片加载失败处理
Service Worker 图片加载失败处理参考文档 git clone https://gitee.com/wjj0720/Service-Worker.git 运行 npm i npm sta ...
前端页面图片加载失败如何处理
换成默认背景图片或隐藏方法有多种: 1.首先说我用的,看代码 //页面图片加载失败时默认显示统一处理document.addEventListener("error", fun ...

解决angularjs图片加载失败

1

2

3

意外金喜的博客：http://blog.csdn.net/zzwwjjdj1

解决angularjs图片加载失败相关推荐

最新文章

热门文章