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?

http://stackoverflow.com/questions/6560618/break-a-url-into-its-components Already asked — Lu Wang, May 09 '13 at 18:20
@Tezcat That question is about splitting up URLs in their entirety -- OP's needs are much more narrow and specific. — Blazemonger, May 09 '13 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, May 09 '13 at 18:39

score 2 · Accepted Answer · answered May 09 '13 at 18:20

2

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

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

String.replace on MDN

answered May 09 '13 at 18:20

Blazemonger

90,923
26
142
180

Works perfectly, thanks! Is there no way to shorten it, say `fileName = img.substr(fileName_Index).replace(/[\#\?].*$/,'');`? Just wondering :) – user2352358 May 09 '13 at 18:33
Sure can. I was just trying to keep my answer simple. – Blazemonger May 09 '13 at 18:33

Get filename from URL using JavaScript

1 Answers1

Linked