如何从javascript中的url检索图像名称？

Question

就我而言，它不像SomeDomain/test.com/car.jpeg ，而是基于令牌的图像，例如：

SomeDomain/upload/document/ciOiJIUzUxMiJ9.eyJmaWxlX2lkiZXhwIjoxNjEwNjQ4MDY2fQ.e4doztYLOl6FTafUc7bJXrzwb-4FgaXTkJkk8S9GC4gsZhMVRh?subscription-key=f2721f4fa0a2f

我可以在浏览器中检索它。 我什至可以在浏览器选项卡上看到图像的名称。

Answer 1

如果您想获取实际网址，请使用以下命令：

let url = window.location.href; 
/* 
>> "http://somedomain/upload/document/ciOiJIUzUxMiJ9.eyJmaWxlX2lkiZXhwIjoxNjEwNjQ4MDY2fQ.e4doztYLOl6FTafUc7bJXrzwb-4FgaXTkJkk8S9GC4gsZhMVRh?subscription-key=f2721f4fa0a2f"
*/

如果您正在尝试获取路径，请使用以下命令：

let path = window.location.pathname; 
/*
>> "/upload/document/ciOiJIUzUxMiJ9.eyJmaWxlX2lkiZXhwIjoxNjEwNjQ4MDY2fQ.e4doztYLOl6FTafUc7bJXrzwb-4FgaXTkJkk8S9GC4gsZhMVRh"
*/

如果您想在最后一个斜杠后获取名称，请使用以下命令：

let path = window.location.pathname;
let nameAfterLastSlash = path.substring(path.lastIndexOf('/'), path.length);
/*
>> "/ciOiJIUzUxMiJ9.eyJmaWxlX2lkiZXhwIjoxNjEwNjQ4MDY2fQ.e4doztYLOl6FTafUc7bJXrzwb-4FgaXTkJkk8S9GC4gsZhMVRh"
/*

Answer 2

我刚刚得到这个解决方案及其工作。 还有@kyle 的建议

getFileName(filePath) {
    let fileName = null;
    const xhr = new XMLHttpRequest();
    xhr.open("GET", filePath, false);
    xhr.send();
    if (xhr.status==200) {
      const contentDisposition = xhr.getResponseHeader('Content-Disposition');
      fileName = contentDisposition.split(';')[1].split('filename')[1].split('=')[1].split('.')[0].trim();
    }
    return fileName;
  }