Get filename from URL using JavaScript

Question

I have a script that grabs the filename from a URL but I have a problem.

Firstly, here's what I've got so far:

var img = $('img').attr('src'),
fileName_Index = img.lastIndexOf("/") + 1,
    fileName = img.substr(fileName_Index);

If the URL was to have ?format=foo after the filename, that part is added. Is there a way to remove the last part starting with the question mark leaving just the filename?

@Tezcat That question is about splitting up URLs in their entirety -- OP's needs are much more narrow and specific. — Blazemonger
– Blazemonger, Commented May 9, 2013 at 18:35
I agree with @Blazemonger, I've taken a look at that question although it seems very long winded for my needs. — user2352358
– user2352358, Commented May 9, 2013 at 18:39

Blazemonger · Accepted Answer · 2013-05-09 18:20:16Z

2

Try adding this line to the end of your code sample:

fileName = fileName.replace(/[\#\?].*$/,''); // strips hashes, too

String.replace on MDN

answered May 9, 2013 at 18:20

Blazemonger

93.3k28 gold badges147 silver badges181 bronze badges

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

2 Comments

user2352358 Over a year ago

Works perfectly, thanks! Is there no way to shorten it, say fileName = img.substr(fileName_Index).replace(/[\#\?].*$/,'');? Just wondering :)

Blazemonger Over a year ago

Sure can. I was just trying to keep my answer simple.

Collectives™ on Stack Overflow

Get filename from URL using JavaScript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related