使用JS如何判断远程网络图片地址是否失效
再做项目的过程中,遇到这样的一个问题,读取图片的时候,有的图片可以正常显示但有的却显示异常,其实造成这样的结果无非就是图片的链接地址失效,面对这个问题也在网上找了一些方法,但网上的方法基本一致,如果在不同域名下请求图片时还出现跨域问题,得,还是自己来想其他方法吧,后来又查了些资料发现可以使用 new Image() 来解决。 代码如下:
//验证远程图片链接是否有效 url 为图片地址 若存在则返回图片地址否则返回 false
isImage(url, callBack) {
let ImgObj = new Image();
// imgUrl = url; //判断图片是否存在
ImgObj.src = url;
ImgObj.onload = function () {
callBack(url);
};
ImgObj.onerror = function (e) {
callBack(false);
};
};
//使用方法 可根据这几的需求来改
let url = this.imgUrl + "/org/" + item.cnName + ".jpg"
isImage(url, val=> {
//val为返回的内容
console.log(val);
}
);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
上次更新: 2024/01/30, 00:35:17
- 02
- Node与GLIBC_2.27不兼容解决方案08-19
- 03
- Git清空本地文件跟踪缓存08-13