Remove sections of url to only keep file name

Question

I want to remove everything in the URL and only keep the name of the file/image. The URL is a dynamic input/variable.

Code:

var str = "http://website.com/sudir/sudir/subdir/Image_01.jpg";
str = str.replace("http://website.com/sudir/sudir/subdir/", "")
         .replace(/[^a-z\s]/gi, '&nbsp;').replace("_", "&nbsp;")
         .replace("subdir", "").toLowerCase().slice(0,-4);

score 1 · Answer 1 · answered May 07 '13 at 14:34

1

This function will give you the file name,

function GetFilename(url)
{
   if (url)
   {
      var m = url.toString().match(/.*\/(.+?)\./);
      if (m && m.length > 1)
      {
         return m[1];
      }
   }
   return "";
}

answered May 07 '13 at 14:34

Chamika Sandamal

23,565
5
63
86

score 1 · Accepted Answer · answered May 07 '13 at 14:35

1

You can do this easily with lastIndexOf():

var str = "http://website.com/sudir/sudir/subdir/Image_01.jpg";
str.substring(str.lastIndexOf("/") + 1)
//"Image_01.jpg"

answered May 07 '13 at 14:35

Hunter McMillen

59,865
24
119
170

score 0 · Answer 3 · edited May 23 '17 at 12:21

0

From How to catch the end filename only from a path with javascript?

var filename = path.replace(/.*\//, '');

From Getting just the filename from a path with Javascript

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

edited May 23 '17 at 12:21

Community

1
1

answered May 07 '13 at 14:36

score 0 · Answer 4 · answered May 07 '13 at 14:43

I know you haven't specified the exact URL format and whether this may be possible in your situation, but this may be a solution worth considering.

Javascript

var str = "http://website.com/sudir/sudir/subdir/Image_01.jpg?x=y#abc";
console.log(str.split(/[?#]/)[0].split("/").slice(-1)[0]);

str = "http://website.com/sudir/sudir/subdir/Image_01.jpg";
console.log(str.split(/[?#]/)[0].split("/").slice(-1)[0]);

On jsfiddle

score 0 · Answer 5 · answered May 07 '13 at 14:53

0

You can always Regex to extract data from strings: The Regex to extract data from URL:

"http://website.com/sudir/sudir/subdir/(?<FileName>[0-9A-Za-z._]+)"

answered May 07 '13 at 14:53

Dawood Awan

7,051
10
56
119

Remove sections of url to only keep file name

5 Answers5