JS获取图片URL并截取文件名和后缀
时间:2022-07-23
本文章向大家介绍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
这样就把图片的名称和后缀获取到了。
声明:本文由w3h5原创,转载请注明出处:《JS获取图片URL并截取文件名和后缀》 https://www.w3h5.com/post/543.html
本文已加入 腾讯云自媒体分享计划 (点击加入)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 如何给Linux虚拟机连上WiFi详解
- Linux系统查看CPU、机器型号、内存等信息
- 实战基本的Linux sed命令示例代码
- 在Linux中如何查看可用的网络接口详解
- Linux程序运行时加载动态库失败的解决方法
- Linux/CentOS系统同步网络时间的2种方法详解
- Linux 常用命令之Linux more命令使用方法
- Ubuntu下VIM配置成C++开发编辑器
- Ubuntu环境下使用G++编译CPP文件
- Linux下Tomcat的几种运行方式讲解
- linux中chmod命令用法详解
- Linux强制释放占用端口以及Linux防火墙端口开放方法详解
- CentOS7.5从零安装Python3.6.6的教程详解
- 实现一台或者多台Linux实例解绑SSH密钥对
- centos7切换启动内核与切换启动模式的讲解