码迷,mamicode.com
首页 > Web开发 > 详细

js 正则 提取 后台传输的img src

时间:2018-10-26 17:43:34      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:替换   属性   区分   string   back   成功   src   表示   div   

<script type="text/javascript">
var str = "this is test string 
<img src=\"http:yourweb.com/test.jpg\"width=‘50‘ >123 and the end 
<img src=\"所有地址也能匹配.jpg\" /> 
<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);
  //获取图片地址
  if(src[1]){
    alert(已匹配的图片地址+(i+1)++src[1]);
  }
  //当然你也可以替换src属性
 if (src[0]) {
    var t = src[0].replace(/src/i, "href");
 }
}
</script>

 

js 正则 提取 后台传输的img src

标签:替换   属性   区分   string   back   成功   src   表示   div   

原文地址:https://www.cnblogs.com/yourself/p/9857310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!