img 요소의 src 속성 값을 추출하는 정규식

伊谢尔伦
풀어 주다: 2023-03-02 21:22:01
원래의
2733명이 탐색했습니다.

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

要匹配的字符串:

<img src=image/ad1.gif width="128" height="36"/><img src=&#39;image/ad2.gif&#39; width="128" height="36" />
로그인 후 복사

正则表达式:

<img[\s]+src[\s]*=[\s]*(([&#39;"](?<src>[^&#39;"]*)[\&#39;"])|(?<src>[^\s]*))
로그인 후 복사

正则匹配输出结果:

x
image/ad1.gif
image/ad2.gif
로그인 후 복사

PHP正则提取或 img 元素的 src 属性值:

<?

php /*PHP正则提取图片img标记中的任意属性*/
$str = &#39;<center><img src="/uploads/images/20100516000.jpg" height="120" width="120"><br />PHP正则提取或更改图片img标记中的任意属性</center>&#39;; 
//1、取整个图片代码 preg_match(&#39;/<\s*img\s+[^>]*?src\s*=\s*(\&#39;|\")(.*?)\\1[^>]*?\/?\s*>/i&#39;,$str,$match); echo $match[0]; 
//2、取width preg_match(&#39;/<img.+(width=\"?\d*\"?).+>/i&#39;,$str,$match); echo $match[1]; 
//3、取height preg_match(&#39;/<img.+(height=\"?\d*\"?).+>/i&#39;,$str,$match); echo $match[1]; 
//4、取src preg_match(&#39;/<img.+src=\"?(.+\.(jpg|gif|bmp|bnp|png))\"?.+>/i&#39;,$str,$match); echo $match[1]; /*PHP正则替换图片img标记中的任意属性*/

//1、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg") 
print preg_replace(&#39;/(<img.+src=\"?.+)(images\/)(.+\.(jpg|gif|bmp|bnp|png)\"?.+>)/i&#39;,"\${1}uc/images/\${3}",$str); echo "<hr/>";

//2、将src="/uploads/images/20100516000.jpg"替换为src="/uploads/uc/images/20100516000.jpg",并省去宽和高 
print preg_replace(&#39;/(<img).+(src=\"?.+)images\/(.+\.(jpg|gif|bmp|bnp|png)\"?).+>/i&#39;,"\${1} \${2}uc/images/\${3}>",$str); 

?>
로그인 후 복사

Js正则表达式提取图片地址

//正则表达式 <script language="javascript">
로그인 후 복사
var a=&#39;<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>&#39;
로그인 후 복사
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>
로그인 후 복사


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿