检测图片URL是否失效Vue判断替换默认图
项目中需要检测已存在的照片url是否能正常访问,如果可以就直接显示,不可以就替换一张默认图片。Vue代码如下:
// 校验图片链接是否有效
checkImg(imgurl) {
return new Promise(function(resolve, reject) {
var imgObj = new Image();
imgObj.src = imgurl;
imgObj.onload = function(res) { resolve(res); }
imgObj.onerror = function(err) { reject(err); }
}).then(() => {
console.log('有效链接');
return '1';
}).catch(() => {
console.log('无效链接');
return '2';
});
},
async isHeadUrl(){
let type = await this.checkImg(this.headUrl);
if(!this.headUrl || type == '2'){
this.headUrl = this.photoImg;
}
}
最新打赏
