当前位置:首页 > PHP教程 > 正则表达式 > 列表

php和js提取img标签的src属性值的正则表达式

发布:smiling 来源: PHP粉丝网  添加日期:2015-04-09 13:03:40 浏览: 评论:0 

最近的工作中经常要用到把内容中的img标签的src属性值(图片地址)读出,由于属性值没有什么规律,所以用正则表达试是个不错的办法,下面我们用php和js分别做实例分享.

要匹配的字符串:

<img src=image/ad1.gif width="128" height="36"/><img src='image/ad2.gif' width="128" height="36" />

正则表达式:

<img[s]+src[s]*=[s]*((['"](?<src>[^'"]*)['"])|(?<src>[^s]*))

正则匹配输出结果:

x

image/ad1.gif

image/ad2.gif

PHP正则提取或 img 元素的 src 属性值,代码如下:

  1. <?php 
  2. /*PHP正则提取图片img标记中的任意属性*/ 
  3. $str = '<center><img src="/uploads/images/20100516000.jpg" height="120" width="120"><br />PHP正则提取或更改图片img标记中的任意属性</center>'
  4. //1、取整个图片代码 
  5. preg_match('/<s*imgs+[^>]*?srcs*=s*('|")(.*?)1[^>]*?/?s*>/i',$str,$match); echo $match[0]; 
  6. //2、取width 
  7. preg_match('/<img.+(width="?d*"?).+>/i',$str,$match); echo $match[1]; 
  8. //3、取height 
  9. preg_match('/<img.+(height="?d*"?).+>/i',$str,$match); echo $match[1]; 
  10. //4、取src 
  11. preg_match('/<img.+src="?(.+.(jpg|gif|bmp|bnp|png))"?.+>/i',$str,$match); echo $match[1];   //开源软件:phpfensi.com 
  12. /*PHP正则替换图片img标记中的任意属性*/ //1、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg") 
  13. print preg_replace('/(<img.+src="?.+)(images/)(.+.(jpg|gif|bmp|bnp|png)"?.+>)/i',"${1}uc/images/${3}",$str); echo "<hr/>"
  14. //2、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg",并省去宽和高 
  15. print preg_replace('/(<img).+(src="?.+)images/(.+.(jpg|gif|bmp|bnp|png)"?).+>/i',"${1} ${2}uc/images/${3}>",$str); 
  16. ?> 

Js正则表达式提取图片地址,代码如下:

  1. //正则表达式 
  2. <script language="javascript"
  3. var a='<P><IMG src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg" mce_src="http://bbs.cn.yimg.com/user_img/200701/31/jisuanji986_117025184198149.jpg"></P>' 
  4. var b=/<IMG src="([^"]*?)">/gi 
  5. var s=a.match(b) 
  6. for(var i= 0;i<s.length;i++) 
  7. alert(s[i]); 
  8. alert(RegExp.$1) 
  9. </script>

Tags: js提取图片 img标签

分享到: