将 URL 最后一部分与 JavaScript 匹配的正则表达式

Question

I have some URLs and I like to catch the final part of the url.

My URLs are in the form of

http://www.my-site.dch/wp-content/uploads/2012/02/Tulips.jpg
http://www.my-site.dch/wp-content/uploads/2012/02/Tulips-150x200.jpg
http://www.my-site.dch/wp-content/uploads/2012/02/Tulips-500x350.jpg

and what I like to catch is the /Tulips.......jpg

I have try that but with no luck

\/.*(-\d+x\d+)\.(jp(e)?g|png|gif)

Any better idea?

Answer 1

Take a look at the lastIndexOf method:

var index = url.lastIndexOf("/");
var fileName = url.substr(index)

Answer 2

以下正则表达式将起作用：

/[^\/]+$/

Answer 3

Use this Regex:-

^((http[s]?|ftp):\/)?\/?([^:\/\s]+)((\/\w+)*\/)([\w\-\.]+[^#?\s]+)(.*)?(#[\w\-]+)?$

Get file name using $6

Answer 4

In case you came here looking to find the last part of the url even if the url ends with / There's a solution which is simpler than any regex solution. Even though the question is regarding regex, I will add it because it does add some value here.

If the url was this http://www.my-site.dch/wp-content/uploads/2012/02/Tulips.jpg

const url = 'http://www.my-site.dch/wp-content/uploads/2012/02/Tulips.jpg'
const lastpart = url.split('/').filter(e => e).pop() 

In this case, the last part would return the last part even if it ends with / So, if you had a url like this

/services/mosquito-control/

and you wanted to catch mosquito-control , you would be do it with this.

Answer 5

.*/(.*) use this pattern and get the group 1.it will work I guess.
.* is a greedy regex so it will match until the last slash. After that in group 1 will be the last characters (what you need)

Answer 6

If you are sure that all the images are jpg:

/.\/\S+\.jpg/

Otherwise, more generale:

/.\/\S+\.\w{2,3}/

That is:

. any char
\/ the slash before the file name
\S+ any non blank char to match the file name (at least one)
\. the file extension separator
jpg or \w{3,4} the file extension