vue判断图片是否存在,图片加载失败后显示默认图片

关于图片的一些小utils

1.判断图片是否存在

export function CheckImgExists(imgurl) {
  var ImgObj = new Image() // 判断图片是否存在
  ImgObj.src = imgurl
  // 存在图片
  if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
    return true
  } else {
    return false
  }
}

2.图片加载失败后显示默认图片

<img :src="src" alt="" :onerror="defalutUrl">


 data() {
    return {
      defalutUrl: 'this.src="' + require('./image/xxx.png') + '"'
    }
 },

猜你喜欢

转载自blog.csdn.net/qq_33168578/article/details/120025741
今日推荐