如何使用javascript/jquery从url中提取文件名？

Question

某个变量可能包含相对路径或绝对路径.无论哪种方式,我需要能够从变量中提取文件名:

http://www.somesite.com/dir1/dir2/filename.gif
/dir1/dir2/filename.gif

目录结构也是任意的.所以基本上给出了上面的url(使用arbirtrary目录结构)我需要拉'filename.gif'.提前致谢

Answer 1

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

Answer 2

更短的方式

var filename = window.location.href.substr(window.location.href.lastIndexOf("/")+1);

Answer 3

var filename = url.match(/.*\/(.*)$/)[1];

Answer 4

var filename= url.split('/').pop()

Answer 5

我会使用正则表达式.

[^/]*$

它选择最后一个斜杠后的所有内容直到结束.您可以展开它以单独选择扩展名:

/([^/]*?)(\.[^\./]*)?$

Answer 6

var path = window.location.pathname;
var filename = path.match(/.*\/([^/]+)\.([^?]+)/i)[1];

如果您不希望查询字符串成为文件名的一部分(您可能不这样做),请使用此选项.

Answer 7

使用正则表达式，沿着这些思路应该可以解决问题：

[^/]+\.[^/]+

尽管这并不能涵盖所有可能的情况，但它应该更适合大多数情况。您可以使用这些：

var url = window.location.href;
var regex = new RegExp("[^/]+\.[^/]+");
var fileName = regex.exec(url);

希望有帮助