最近的工作中经常要用到把内容中的img标签的src属性值(图片地址)读出,由于属性值没有什么规律,所以用正则表达试是个不错的办法,下面我们用php和js分别做实例分享.
要匹配的字符串:
<img src=http://www.tuicool.com/articles/image/ad1.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=http://www.tuicool.com/articles/"/uploads/images/20100516000.jpg" height="120" width="120">
PHP正则提取或更改图片img标记中的任意属性'; //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=http://www.tuicool.com/articles/"?(.+.(jpg|gif|bmp|bnp|png))"?.+>/i',$str,$match); echo $match[1]; //开源软件:phpfensi.com /*PHP正则替换图片img标记中的任意属性*/ //1、将src=http://www.tuicool.com/articles/"/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg") print preg_replace('/(<img.+src=http://www.tuicool.com/articles/"?.+)(images/)(.+.(jpg|gif|bmp|bnp|png)"?.+>)/i',"${1}uc/images/${3}",$str); echo "<hr/>"; //2、将src=http://www.tuicool.com/articles/"/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg",并省去宽和高 print preg_replace('/(<img).+(src=http://www.tuicool.com/articles/"?.+)images/(.+.(jpg|gif|bmp|bnp|png)"?).+>/i',"${1} ${2}uc/images/${3}>",$str); ?>
Js正则表达式提取图片地址,代码如下:
//正则表达式 <script language="JavaScript "> var a='<P><IMG src=http://www.tuicool.com/articles/"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">' var b=/<IMG src=http://www.tuicool.com/articles/"([^"]*?)">/gi var s=a.match(b) for(var i= 0;iscript>