现在的位置: 首页 > WordPress > WordPress技巧 > 正文
提取 img 元素 src 属性值的正则表达式
2014年09月10日 WordPress技巧 ⁄ 共 1569字 暂无评论 ⁄ 被围观 1,658 次+

本文为大家介绍如果从 img 中获取图片的链接地址 src 属性值。

 

要匹配的字符串:

 

<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*img\s+[^>]*?src\s*=\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>


×