从JavaScript路径获取文件名

Question

我有一个图像的完整路径，我正在使用jquery阅读，形式为$('img.my_image').attr('src')但是我只想要文件名部分（放弃路径）。

是否有任何内置函数来做到这一点，或将正则表达式是唯一的选择？

Answer 1

var fileNameIndex = yourstring.lastIndexOf("/") + 1; 
var filename = yourstring.substr(fileNameIndex); 

Answer 2

function getFileName(path) { 
return path.match(/[-_\w]+[.][\w]+$/i)[0]; 
} 

Answer 3

在Javascript中，你可以做

function getFileNameFromPath(path) { 
    var ary = path.split("/"); 
    return ary[ary.length - 1]; 
} 

Answer 4

var Filename= path.split('/').pop() 

Answer 5

我发现了一个更好的版本处理UNIX和Windows类路径字符串。

数1：

var unix_path = '/tmp/images/cat.jpg'; 
console.log(unix_path.replace(/^.*[\\\/]/, '')); 

var win_path = 'c:\\temp\images\cat.jpg'; 
console.log(win_path.replace(/^.*[\\\/]/, '')); 

输出将被cat.jpg

编号2：（也许更快）

var unix_path = '/tmp/images/cat.jpg'; 
console.log(unix_path.split(/[\\\/]/).pop()); 

var win_path = 'c:\\temp\images\cat.jpg'; 
console.log(win_path.split(/[\\\/]/).pop()); 

输出将被猫。 jpg

Answer 6

使用此解决方案，您可以同时获得两个名称，即带和不带文件扩展名。

 

    //getting image source 
    var path=$('img.my_image').attr('src'); 

    //splitting url and getting filename with file extension 
    var file=path.split('/').pop(); 

    //removing extension and keeping just the filename 
    var filename=file.split('.').shift();