js截取图片地址后面的参数和在路径中截取文件名或后缀名
warning:
这篇文章距离上次修改已过203天,其中的内容可能已经有所变动。
在JavaScript中,可以使用URL
构造函数和URLSearchParams
对象来截取图片地址后的参数,使用pathname
属性来获取路径,然后通过字符串处理方法来截取文件名或后缀名。
以下是实现这些功能的示例代码:
// 截取图片地址后的参数
function getQueryParams(url) {
const params = new URLSearchParams(new URL(url).search);
let result = {};
for (const [key, value] of params) {
result[key] = value;
}
return result;
}
// 截取路径中的文件名或后缀名
function getFilenameFromPath(path) {
return path.split('/').pop();
}
// 示例
const imageUrl = 'https://example.com/image.jpg?param1=value1¶m2=value2';
const queryParams = getQueryParams(imageUrl);
const filename = getFilenameFromPath(new URL(imageUrl).pathname);
console.log(queryParams); // {param1: "value1", param2: "value2"}
console.log(filename); // image.jpg
这段代码首先定义了两个函数:getQueryParams
用于解析URL中的查询参数,getFilenameFromPath
用于从路径中获取文件名。然后通过实际的图片URL进行调用,并打印结果。
评论已关闭