如何從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;
  }