提取圖像文件名與擴展名 - JS

Question

我看到互聯網上的許多選項，但它不是我想要的。 我想獲取圖像名稱，但帶有JS擴展名。 即使路徑圖像文件和圖像是一樣的東西：

文件夾/文件夾1/fol.der/my.image.jpg

的結果必然是：

my.image.jpg

Answer 1

將字符串拆分爲數組並獲取最後一項。

var filePath = "folder/folder/fol.der/my.image.jpg"; 
var pathArray = filePath.split("/"); 
var fileName = pathArray[pathArray.length-1]; // returns my.image.jpg 

Answer 2

是的，我找到了解決辦法：

var img = "/path1/pa.th2/dfgdfgdfg.ghfgh.jpg" 
var basename = img.replace(/\\/g,'/').replace(/.*\//, ''); 

結果：

dfgdfgdfg.ghfgh.jpg

如果這能幫助的人。

Answer 3

可能複雜得多，需要：

var dir = "folder/folder1/fol.der/my.image.jpg"; 

var getFileName = function(dir){ 
    return dir.replace(/[\w\.\/]+(?=\/)\/([\w/.]+)/g, "$1"); 
} 

getFileName(dir); 

功能需要的getFileName目錄字符串，並返回一個文件名的字符串。它對任意數量的目錄執行正則表達式匹配，匹配最後一個匹配目錄後的所有內容，將匹配的組替換爲dir字符串，並將其返回。