如何使用Javascript从URL中提取最后一级子目录和文件名

实现代码 #

function getUrlPathInfo() {
  var url = {{INSERT URL}};
  // 去除查询参数
  const purePath = url.split('?')[0];
  // 拆分路径并过滤空片段（兼容路径末尾带/的情况）
  const pathArr = purePath.split('/').filter(item => !!item.trim());
  return {
    // 最后一级子目录
    lastSubDir: pathArr[pathArr.length - 2],
    // 文件名
    fileName: pathArr[pathArr.length - 1]
  }
}

效果验证 #

传入你给出的示例URL，返回结果如下：

• lastSubDir 取值为 HPNAVTILES
• fileName 取值为 1102_WGA_NAV_TILES_01_01.jpg

该方案兼容带协议头、路径末尾带斜杠的场景，无需提前做额外的URL预处理。

内容的提问来源于stack exchange，提问作者Steve