最近的工作中经常要用到把内容中的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 属性值：
|
代码如下 |
复制代码 |
<?php
/*PHP正则提取图片img标记中的任意属性*/
$str = '<center><img src="/uploads/images/20100516000.jpg" height="120" width="120"><br />PHP正则提取或更改图片img标记中的任意属性</center>';
//1、取整个图片代码
preg_match('/<s*imgs+[^>]*?srcs*=s*('|")(.*?)1[^>]*?/?s*>/i',$str,$match); echo $match[0];
//2、取width
preg_match('/<img.+(width="?d*"?).+>/i',$str,$match); echo $match[1];
//3、取height
preg_match('/<img.+(height="?d*"?).+>/i',$str,$match); echo $match[1];
//4、取src
preg_match('/<img.+src="?(.+.(jpg|gif|bmp|bnp|png))"?.+>/i',$str,$match); echo $match[1];
/*PHP正则替换图片img标记中的任意属性*/ //1、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg")
print preg_replace('/(<img.+src="?.+)(images/)(.+.(jpg|gif|bmp|bnp|png)"?.+>)/i',"${1}uc/images/${3}",$str); echo "<hr/>";
//2、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg",并省去宽和高
print preg_replace('/(<img).+(src="?.+)images/(.+.(jpg|gif|bmp|bnp|png)"?).+>/i',"${1} ${2}uc/images/${3}>",$str);
?> |
Js正则表达式提取图片地址
|
代码如下 |
复制代码 |
//正则表达式
<script language="javascript">
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>'
var b=/<IMG src="([^"]*?)">/gi
var s=a.match(b)
for(var i= 0;i<s.length;i++)
{
alert(s[i]);
alert(RegExp.$1)
}
</script> |
