最近的工作中經(jīng)常要用到把內(nèi)容中的img標簽的src屬性值(圖片地址)讀出,由于屬性值沒有什么規(guī)律,所以用正則表達試是個不錯的辦法,下面我們用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]*))

正則匹配輸出結(jié)果:

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];   //開源軟件:Vevb.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. { 
8. alert(s[i]); 
9. alert(RegExp.$1) 
10. } 
11. </script>