js截取图片地址后面的参数和在路径中截取文件名或后缀名

作者：System 时间：2024年08月09日分类：所有,javascript 字数：860

这篇文章距离上次修改已过239天，其中的内容可能已经有所变动。

在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&param2=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进行调用，并打印结果。

js截取图片地址后面的参数和在路径中截取文件名或后缀名

评论已关闭

推荐阅读