Match all URLs in string and return in array in JavaScript

Question

For example, I have the following string:

var string = 'watch this video http://vimeo.com/8122132 and then see this picture http://www.flickr.com/photos/pmorgan/32606683/';

I wish to find all the valid URLs and place them in an array, done in JavaScript (and jQuery), so in this case:

url[0] = http://vimeo.com/8122132
url[1] = http://www.flickr.com/photos/pmorgan/32606683/

For now, I can only match one URL, but I wish to match all. This is what I have:

geturl = new RegExp("(^|[ \t\r\n])((ftp|http|https|gopher|mailto|news|nntp|telnet|wais|file|prospero|aim|webcal):(([A-Za-z0-9$_.+!*(),;/?:@&~=-])|%[A-Fa-f0-9]{2}){2,}(#([a-zA-Z0-9][a-zA-Z0-9$_.+!*(),;/?:@&~=%-]*))?([A-Za-z0-9$_+!*();/?:~-]))");
var url = geturl.exec(string);
$('#urls').html(url[0]);

Trust me, putting url[1], url[2], etc. doesn't work :(

Any ideas?

Why only support ftp|http|https|gopher|mailto|news|nntp|telnet|wais|file|prospero|aim|webcal? [\w\-]+ will match every protocol possible. For example, your regexp won't match google-search:foobar. — Eli Grey
– Eli Grey, Commented Dec 31, 2009 at 18:00
actually, i was only hoping to match urls with oembed support, but the pattern I found has all these protocols, maybe I'll just make it (http|https)... — Samin
– Samin, Commented Jan 2, 2010 at 12:50

YOU · Accepted Answer · 2009-12-31 17:03:27Z

17

Pass "g" in Regexp

geturl = new RegExp(
          "(^|[ \t\r\n])((ftp|http|https|gopher|mailto|news|nntp|telnet|wais|file|prospero|aim|webcal):(([A-Za-z0-9$_.+!*(),;/?:@&~=-])|%[A-Fa-f0-9]{2}){2,}(#([a-zA-Z0-9][a-zA-Z0-9$_.+!*(),;/?:@&~=%-]*))?([A-Za-z0-9$_+!*();/?:~-]))"
         ,"g"
       );


string.match(geturl).length
2

string.match(geturl)
 http://vimeo.com/8122132, http://www.flickr.com/photos/pmorgan/32606683/

edited Dec 31, 2009 at 17:03

answered Dec 31, 2009 at 16:57

YOU

124k34 gold badges191 silver badges222 bronze badges

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

Collectives™ on Stack Overflow

Match all URLs in string and return in array in JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related