vue判断图片是否存在,图片加载失败后显示默认图片
关于图片的一些小utils1.判断图片是否存在export function CheckImgExists(imgurl) {var ImgObj = new Image() // 判断图片是否存在ImgObj.src = imgurl// 存在图片if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height
·
关于图片的一些小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') + '"'
}
},
更多推荐
已为社区贡献10条内容
所有评论(0)