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') + '"'}},