REGEX: Capture Filename from URL without file extension

Question

I am trying to create a Javascript Regex that captures the filename without the file extension. I have read the other posts here and 'goto this page: http://gunblad3.blogspot.com/2008/05/uri-url-parsing.html' seems to be the default answer. This doesn't seem to do the job for me. So here is how I'm trying to get the regex to work:

Find the last forward slash '/' in the subject string.
Capture everything between that slash and the next period.

The closest I could get was : /([^/]).\w$ Which on the string 'http://example.com/index.htm' exec() would capture /index.htm and index.

I need this to only capture index.

Daniel Vandersluis · Accepted Answer · 2010-09-08 20:29:04Z

50

var url = "http://example.com/index.htm";
var filename = url.match(/([^\/]+)(?=\.\w+$)/)[0];

Let's go through the regular expression:

[^\/]+    # one or more character that isn't a slash
(?=       # open a positive lookahead assertion
  \.      # a literal dot character
  \w+     # one or more word characters
  $       # end of string boundary
)         # end of the lookahead

This expression will collect all characters that aren't a slash that are immediately followed (thanks to the lookahead) by an extension and the end of the string -- or, in other words, everything after the last slash and until the extension.

Alternately, you can do this without regular expressions altogether, by finding the position of the last / and the last . using lastIndexOf and getting a substring between those points:

var url = "http://example.com/index.htm";
var filename = url.substring(url.lastIndexOf("/") + 1, url.lastIndexOf("."));

edited Sep 8, 2010 at 20:29

answered Sep 8, 2010 at 20:20

Daniel Vandersluis

94.7k23 gold badges174 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

George Pantazis Over a year ago

This solution fails on filenames with multiple periods, if you need that test see @BGerrissen's solution.

unloco · Accepted Answer · 2017-12-27 11:45:04Z

20

tested and works, even for pages without file extension.

var re = /([\w\d_-]*)\.?[^\\\/]*$/i;

var url = "http://stackoverflow.com/questions/3671522/regex-capture-filename-from-url-without-file-extention";
alert(url.match(re)[1]); // 'regex-capture-filename-from-url-without-file-extention'

url = 'http://gunblad3.blogspot.com/2008/05/uri-url-parsing.html';
alert(url.match(re)[1]); // 'uri-url-parsing'

([\w\d_-]*) get a string containing letters, digits, underscores or hyphens.
\.? perhaps the string is followed by a period.
[^\\\/]*$ but certainly not followed by a slash or backslash till the very end.
/i oh yeh, ignore case.

edited Dec 27, 2017 at 11:45

unloco

7,3904 gold badges52 silver badges62 bronze badges

answered Sep 8, 2010 at 20:45

BGerrissen

21.7k4 gold badges41 silver badges40 bronze badges

1 Comment

George Pantazis Over a year ago

This also captures filenames that have multiple periods, the accepted answer fails on those. (foo.global.js, etc.).

Adam Lockhart · Accepted Answer · 2016-12-01 17:08:22Z

I did not find any of the answers to be near robust enough. Here is my solution.

function getFileName(url, includeExtension) {
    var matches = url && typeof url.match === "function" && url.match(/\/?([^/.]*)\.?([^/]*)$/);
    if (!matches)
        return null;

    if (includeExtension && matches.length > 2 && matches[2]) {
        return matches.slice(1).join(".");
    }
    return matches[1];
}

var url = "http://example.com/index.htm";
var filename = getFileName(url);
// index
filename = getFileName(url, true);
// index.htm

url = "index.htm";
filename = getFileName(url);
// index
filename = getFileName(url, true);
// index.htm

// BGerrissen's examples
url = "http://stackoverflow.com/questions/3671522/regex-capture-filename-from-url-without-file-extention";
filename = getFileName(url);
// regex-capture-filename-from-url-without-file-extention
filename = getFileName(url, true);
// regex-capture-filename-from-url-without-file-extention

url = "http://gunblad3.blogspot.com/2008/05/uri-url-parsing.html";
filename = getFileName(url);
// uri-url-parsing
filename = getFileName(url, true);
// uri-url-parsing.html

// BGerrissen fails
url = "http://gunblad3.blogspot.com/2008/05/uri%20url-parsing.html";
filename = getFileName(url);
// uri%20url-parsing
filename = getFileName(url, true);
// uri%20url-parsing.html

// George Pantazis multiple dots
url = "http://gunblad3.blogspot.com/2008/05/foo.global.js";
filename = getFileName(url);
// foo
filename = getFileName(url, true);
// foo.global.js

// Fringe cases
url = {};
filename = getFileName(url);
// null
url = null;
filename = getFileName(url);
// null

To fit with the original question, the default behavior is to exclude the extension, but that can easily be reversed.

Colin Hebert · Accepted Answer · 2010-09-08 20:23:45Z

2

You can try this regex :

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

edited Sep 8, 2010 at 20:23

answered Sep 8, 2010 at 20:17

Colin Hebert

93.5k15 gold badges164 silver badges154 bronze badges

Comments

Anurag Anand · Accepted Answer · 2019-05-10 08:30:34Z

2

Try this regex. It can even handle filenames with multiple periods.

(?<=\/)[^\/]*(?=\.\w+$)

edited May 10, 2019 at 8:30

answered May 10, 2019 at 8:24

Anurag Anand

312 bronze badges

Collectives™ on Stack Overflow

REGEX: Capture Filename from URL without file extension

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related