正則表達式如何提取img的src

小編給大家分享一下正則表達式如何提取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]*))

提取的結果：

image/ad1.gif
image/ad2.gif

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

<?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正則表達式提取圖片地址

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

/正則表達式
<script language="javascript">
var a='<P><IMG src="https://cache.yisu.com/upload/information/20201208/267/26849.jpg" mce_src="https://cache.yisu.com/upload/information/20201208/267/26849.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="https://cache.yisu.com/upload/information/20201208/267/26849.jpg" mce_src="https://cache.yisu.com/upload/information/20201208/267/26849.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>

以上是“正則表達式如何提取img的src”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！