angularjs 图片加载失败时,加载默认图片

app.directive('errSrc', function () {
    return {
        link: function (scope, element, attrs) {
            element.bind('error', function () { //请求图片数据失败,加载err-src
                if (attrs.src != attrs.errSrc) {
                    alert('errsrc')
                    attrs.$set('src', attrs.errSrc);
                }
            });
            attrs.$observe('ngSrc', function(value) { //ng-src值为null,加载err-src
              if (!value && attrs.errSrc) {
                attrs.$set('src', attrs.errSrc);
              }
            });
        }
    }
});

angularjs 图片加载失败时,加载默认图片相关推荐

[html] img中的src加载失败时如何用默认图片来替换呢？
[html] img中的src加载失败时如何用默认图片来替换呢? img有onerror属性,加载失败时触发error事件但是这种解决方法在error里面替换的默认图片也加载失败的时候会导致问题,需 ...
img图片加载失败时，展示默认图片的方法
1. 图片加载失败时会触发onerror事件,可以通过onerror事件使默认图片代替加载失败的图片 <img src="要展示的图片的地址" onerror="t ...
jQuery-图片加载失败时，显示默认图片
有以下几种情况: 1.正常显示图片: <img src="img/bus2.png"> 2.当图片未找到或者404时,触发 onerror 显示默认的图片: <i ...
img图片加载失败时，使用默认图片
1.引入默认的图片地址 import defaultImg from '@/assets/logo.png' 2.在img标签里面加上onerror属性 <imgstyle="widt ...
当原图片加载失败时，如何让图片加载上我们默认给的图片
我们可能会遇到这样的问题,当页面中的图片的加载失败时,我们想要该图片加载我们给的默认的图片,我在这里分享一下几种做法,希望对大家有所帮助. 1.在img标签中加上 οnerrοr="this ...
图片加载失败时展示默认图片
HTML: <img src='${defalutImg}' data-src="${fileDomain }/images/${poi.firstPic}" width=& ...
vue项目中，图片无法显示时或者访问图片出现404时，显示默认图片，但默认图片路径出错
问题描述在vue项目中,同样的图片,设置在img的src中能正常显示设置在img的onerror中不能正常显示原因项目启动后, 图片的路径并不是我们写的路径了. 示例: 源代码: // 直 ...
[html] 当img标签中的src图片加载失败时，怎么让它变得更美观呢？
[html] 当img标签中的src图片加载失败时,怎么让它变得更美观呢? 当默认图也失效,就会陷入死循环,需加变量计数,如果是 vue 的话用 @error.once 更妙.在 onerror 给元 ...
img图片加载失败时的处理
当想对图片加载失败时进行特殊处理,可以使用onerror事件,里面为需要执行的代码. 如果由于其他原因导致onerror事件里加载图片时又报错,此时有可能会导致栈溢出而弹框报错,我们只需在inerro ...

angularjs 图片加载失败时,加载默认图片

angularjs 图片加载失败时,加载默认图片相关推荐

最新文章

热门文章