javascript正则表达式匹配所有

Question

有一个字符串像

<img src="images/_attachments/07-08.jpg" style="width: 520px; height: 693px;" /><img src="images/_attachments/09-11.jpg" style="width: 520px; height: 693px;" />

我想获取图片路径 'images/_attachments/07-08.jpg', 'images/_attachments/09-11.jpg' 和文件名 '07-08.jpg', '09-11.jpg' javascript 正则表达式。

所以我这样编码

var str='<img src="images/_attachments/07-08.jpg" style="width: 520px; height: 693px;" /><img src="images/_attachments/09-11.jpg" style="width: 520px; height: 693px;" />'
var strPattern=new RegExp('<img.*?src="(.*\/(.*?))".*?>', 'g');
var arrMatch=new Array();
var strHTML='';

while(arrMatches=_strPattern.exec(str)){
    strHTML+='<div>'+arrMatches[2]+'</div>';
}

$('body').html(strHTML);

但我得到的只是路径，而不是文件名，我该如何解决这个问题？

Answer 1

您的路径匹配是贪婪的，因此您不会获得所需的文件名结果。如果你让它非贪婪，它只会匹配 images/ ，所以你要么需要加倍它，要么让你的文件名匹配器不包含斜线。将您的模式更改为

var strPattern=new RegExp('<img.*?src="(.*?\/([^/"]*))".*?>', 'g');
//                                        ^

顺便说一句，正则表达式 /<img.*?src="(.*?\/([^\/"]*))".*?>/g会更好看。