正則表達式提取img的src

2020-03-16 21:06:07

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了正則表達式提取img的src,需要的朋友可以參考下

要匹配的字符串：

正則表達式：[^'"]*)[/'"])|(?[^/s]*))

提取的結果：

image/ad1.gif

image/ad2.gif

PHP正則提取或替換img標記屬性

Js正則表達式提取圖片地址

<?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);

?>

JavaScript使用正則表達式和Replace兩種方法提取IMG標簽圖片地址，代碼如下：

/正則表達式

<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>

還有一種方法，是用的replace替換法，不知對不，我不是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(s[i].replace(b,"$1"))

}

</script>