-
要判断图片链接是否有效，我们首先创建一个Image对象，然后把链接设置在Image对象上，如果能正常加载，则代表链接有效。因为图片是异步加载的，所以我们需要Promise来处理。创建一个处理函数，如下代码：
function checkImgExists(imgurl) {
return new Promise(function(resolve, reject) {
let ImgObj = new Image();
ImgObj.src = imgurl;
ImgObj.onload = function(res) {
resolve(res);
}
ImgObj.onerror = function(err) {
reject(err)
}
})
}
//当图片加载成功时，resolve（完成）被触发，当图片加载失败时，reject（失败）被触发。
checkImgExists('https://image.baidu.com/search/detail?a=1001').then(()=>{
//success callback
console.log('有效链接')
}).catch(()=>{
//fail callback
console.log('无效链接')
})
//可以用async 和await封装一下
async getUrl(){
try {
await checkImgExists('https://image.baidu.com/search/detail?a=1001')
console.log('有效链接')
} catch (err) {
console.log(err)
console.log('无效链接')
}
}
