通過圖像獲取url的位置

Question

我試圖從文本中獲取url的位置。

我想它：

var text ="http://www.youtube.com/watch?v=WPFuhbEhsy0 https://www.google.es/images/srpr/logo11w.png"; 

var imgRegexp = /(https?:\/\/.*\.(png|jpg))/ 
var imgFind = text.search(imgRegexp); 

alert(imgFind); 

返回給我一個0，當我希望第二個網址的位置。

Answer 1

問題是你的正則表達式匹配從第一個http://到最後一個.png。

您將需要使用negative lookahead爲正確的搜索：

var imgFind = text.search(/https?:\/\/(?!.*?https?:\/\/).*?\.(png|jpg)/); 
// 43 

這裏(?!.*?https?:\/\/)確保只有關閉https?://從.png or .jpg

Answer 2

匹配你必須使用負先行，如：

var regex=new RegExp(/https?:\/\/(?!.*?https?:\/\/).*?\.(png|jpg)/); 
var imgFind=text.search(regex); 

Answer 3

您可以更改正則表達式，如下所示：

var text ="http://www.youtube.com/watch?v=WPFuhbEhsy0 https://www.google.es/images/srpr/logo11w.png"; 

var imgRegexp = /(https?:\/\/[\S]+\.(png|jpg))/ 
var imgFind = text.search(imgRegexp); 

alert(imgFind);