提取帶有擴展名的圖像文件名-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字符串替換為匹配的組，然后返回它。