- <script type="text/javascript"> // 思路分两步: 作者 (yanue). //1, 匹配出图片 img 标签(即匹配出所有图片), 过滤其他不需要的字符 //2. 从匹配出来的结果(img 标签中) 循环匹配出图片地址(即 src 属性)
- var str = "this is test string <img src=\"http:yourweb.com/test.jpg\"width='50'> 123 and the end <img src=\" 所有地址也能匹配. jpg\"/> 33! <img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\"alt=\"\"/>"
- // 匹配图片(g 表示匹配所有结果 i 表示区分大小写)
- var imgReg = /<img.*?(?:>|\/>)/gi;
- // 匹配 src 属性
- var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
- var arr = str.match(imgReg);
- //alert('所有已成功匹配图片的数组:'+arr);
- for (var i = 0; i <arr.length; i++) {
- var src = arr[i].match(srcReg);
- console.log(src);
- // 获取图片地址
- if(src[1]){
- alert('已匹配的图片地址'+(i+1)+':'+src[1]);
- }
- // 当然你也可以替换 src 属性
- // if (src[0]) {
- // var t = src[0].replace(/src/i, "href");
- // alert(t);
- // }
- }
- </script>
循环匹配出图片地址(即 src 属性)
来源: http://www.bubuko.com/infodetail-2671152.html