JS获取图片URL并截取文件名和后缀

2023-08-25 12:40:51 浏览数 (2)

最近在改一个之前别人对接项目，遇到一个问题。现在要解决问题，需要获取图片的链接，并把链接中的（图片）文件名提取出来。下面开始：

比如，图片的 URL 地址是：https://img.yuanmabao.com/zijie/pic/2023/08/25/qplnhxn4qx0.png?type=w3h5.com

这里用到 split() 方法，可以把一个字符串分割成字符串数组。

先用 split('?') 把 URL 和参数分离：

代码语言：javascript复制

let url = "https://img.yuanmabao.com/zijie/pic/2023/08/25/qplnhxn4qx0.png",
http = url.split('?')[0]
console.log(http);

打印结果：

代码语言：javascript复制

https://img.yuanmabao.com/zijie/pic/2023/08/25/qplnhxn4qx0.png

再用 split('/') 继续拆分：

代码语言：javascript复制

let file = http.split('/')
console.log(file);

打印结果：

代码语言：javascript复制

[0: "https:"
1: ""
2: "www.w3h5.com"
3: "zb_users"
4: "upload"
5: "2019"
6: "04"
7: "201904031554286068121005.png"]

数组的最后一个就是文件名：

代码语言：javascript复制

console.log(file[file.length - 1]);

打印结果：

代码语言：javascript复制

201904031554286068121005.png

这样就把图片的名称和后缀获取到了。

0 人点赞