快速和正确的路径工作

(filename.match(/[^\\\/]\.([^.\\\/]+)$/) || [null]).pop()

一些边缘情况

/path/.htaccess => null
/dir.with.dot/file => null

使用split的解决方案很慢，使用lastIndexOf的解决方案不能处理边缘情况。

一行解决方案，也将考虑查询参数和url中的任何字符。

string.match(/(.*)\??/i).shift().replace(/\?.*/, '').split('.').pop()

// Example
// some.url.com/with.in/&ot.s/files/file.jpg?spec=1&.ext=jpg
// jpg

我更喜欢使用lodash的大多数事情，所以这里有一个解决方案:

function getExtensionFromFilename(filename) {
    let extension = '';
    if (filename > '') {
        let parts = _.split(filename, '.');
        if (parts.length >= 2) {
        extension = _.last(parts);
    }
    return extension;
}

对于大多数应用程序，一个简单的脚本，如

return /[^.]+$/.exec(filename);

会工作得很好(由汤姆提供)。然而，这并非万无一失。如果提供了以下文件名，它将不起作用:

image.jpg?foo=bar

这可能有点过分，但我建议使用这样的url解析器来避免由于不可预测的文件名而导致的失败。

使用这个特定的函数，你可以得到这样的文件名:

var trueFileName = parse_url('image.jpg?foo=bar').file;

这将输出“image.jpg”，不带url变量。然后您就可以获取文件扩展名了。

function getFileExtension(filename)
{
  var ext = /^.+\.([^.]+)$/.exec(filename);
  return ext == null ? "" : ext[1];
}

测试了

"a.b"     (=> "b") 
"a"       (=> "") 
".hidden" (=> "") 
""        (=> "") 
null      (=> "")  

也

"a.b.c.d" (=> "d")
".a.b"    (=> "b")
"a..b"    (=> "b")

Wallacer的回答很好，但还需要再检查一下。

如果文件没有扩展名，它将使用filename作为扩展名，这是不好的。

试试这个:

return ( filename.indexOf('.') > 0 ) ? filename.split('.').pop().toLowerCase() : 'undefined';