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

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

比如,图片的 URL 地址是:https://www.w3h5.com/zb_users/upload/2019/04/201904031554286068121005.png?type=w3h5.com

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

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

let url = "https://www.w3h5.com/zb_users/upload/2019/04/201904031554286068121005.png",
http = url.split('?')[0]
console.log(http);

打印结果:

https://www.w3h5.com/zb_users/upload/2019/04/201904031554286068121005.png

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

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

打印结果:

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

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

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

打印结果:

201904031554286068121005.png

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

推荐阅读:

CSS3中元素背景的 gradient 渐变属性

Ueditor后端配置项没有正常加载,上传插件不能正常使用!的解决过程。

新网站如何做好SEO优化 尽快被收录

Discuz X3.4 MySQL数据库连接问题的解决方法

Z-Blog 搜索报错:Cannot pass parameter 1 by reference 解决方法

赞 (3)
分享到: +

评论 板凳

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)
  1. #1
    云盘游戏
    非常不错!
    云盘游戏 4年前 (2020-08-14)回复 取消评论