循环匹配出图片地址(即src属性)
<script type="text/javascript"> //思路分两步:作者(yanue). //1,匹配出图片img标签(即匹配出所有图片),过滤其他不需要的字符 //2.从匹配出来的结果(img标签中)循环匹配出图片地址(即src属性) 
  var str = "this is test string <img src=\"http:yourweb.com/test.jpg\" width='50' > 123 and the end <img src=\"所有地址也能匹配.jpg\" /> 33! <img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\" alt=\"\" />"  
  //匹配图片(g表示匹配所有结果i表示区分大小写)  
  var imgReg = /<img.*?(?:>|\/>)/gi;  
  //匹配src属性  
  var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;  
  var arr = str.match(imgReg);  
  //alert('所有已成功匹配图片的数组:'+arr);  
  for (var i = 0; i < arr.length; i++) {    
	  var src = arr[i].match(srcReg);    
	  console.log(src);
  //获取图片地址    
		if(src[1]){      
			alert('已匹配的图片地址'+(i+1)+':'+src[1]);    
		}    
  //当然你也可以替换src属性    
	//	if (src[0]) {      
	//		var t = src[0].replace(/src/i, "href");      
	//		alert(t);    
	//	}  
	}
</script>
循环匹配出图片地址(即src属性)的更多相关文章
- php用正则匹配出图片img标签中的src路径(兼容)
		
用php抓图片是个常用的需求,下面提供一个比较兼容的正则表达式来实现php抓取出页面.字符串中所有图片的src. 下面是一个范例,能匹配各种标签格式写法的图片,不管src在什么地方,还是单引号.双引号 ...
 - 【转】Jquery修改image的src属性,图片不加载问题
		
1.当点击某一按钮的时候,把图片域中的图片改变一下 <img id="randimg" src="/servlet/CreateValidateNum&quo ...
 - C#正则表达式匹配HTML中的图片路径,图片地址
		
C#正则表达式匹配HTML中的图片路径,图片地址 最近的项目中有个关于网页取图的功能需要我自己开发,那就是用正则表达式来匹配图片标签. 一般来说一个 HTML 文档有很多标签,比如“< ...
 - 直接用<img> 的src属性显示base64转码后的字符串成图片
		
直接用<img> 的src属性显示base64转码后的字符串成图片 <img src="base64转码后的字符串" ></img> 下面的图片 ...
 - ie6下使用js替换img标签src属性图片不显示的错误
		
首先,我必须再次强调一下,F-U-C-K I-E! 其次,简单阐述一下这个bug的出现的情况.页面中有个<a href=”javascript:void(0)” onclick=”swapImg ...
 - 直接用<img> 的src属性显示base64转码后的字符串成图片【原】
		
直接用<img> 的src属性显示base64转码后的字符串成图片 <img src="data:image/gif;base64,base64转码后的字符串" ...
 - 正则匹配获取HTML图片地址,正则匹配获取HTML内容
		
//正则匹配获取HTML图片地址preg_match_all('/<img.*?src="(.*?)".*?>/is', $str, $array); if (isse ...
 - 网页中通过js修改img的src属性刷新图片时,图片缓存问题现象表述及问题解决【ps:引用大神案例http://blog.csdn.net/goodleiwei/article/details/50737548】
		
问题:上传一张图片,通过js更新src属性刷新图片使其即时显示时, 当img的src当前的url与上次地址无变化时(只更改图片,名称不变,不同图片名称相同)图片不变化(仍显示原来的图片) 但通过fir ...
 - 在vue项目中,解决如何在element表格中循环出图片列!
		
效果图: 1,vue项目环境 2,引入element-ui组件 3,制作表格 此处省去制作循环表格数据那步,想看的可以找回我的博客:element中的表格处理:循环出表格数据 今天想在表格出循环出一列 ...
 
随机推荐
- babel 7 简单升级指南
			
babel 7 babel 7 发布两天了,试着对当前项目更新了下,仅此记录分享 主要改动参考 官方博客 官方升级指南 主要升级内容 不再支持放弃维护的 node 版本 0.10.0.12.4.5 使 ...
 - windows上测试磁盘io性能
			
一.问题由来 前两天搭建一套演示环境,同样的java war包,放在我们这边服务器好好的,放在那边就运行缓慢. 后来把日志改成异步之后就好了. 后边找了个程序测了下io性能,竟然差了7,8倍. 二.软 ...
 - python 多返回值
			
多返回值: def count(): fs = [] for i in range(1, 4): def f(j): def g(): return j*j return g fs.append(f( ...
 - 汇编语言里 eax, ebx, ecx, edx, esi, edi, ebp, esp
			
eax, ebx, ecx, edx, esi, edi, ebp, esp等都是X86 汇编语言中CPU上的通用寄存器的名称,是32位的寄存器.如果用C语言来解释,可以把这些寄存器当作变量看待. 比 ...
 - LeetCode 112 Minimum Depth of Binary Tree
			
Given a binary tree, find its minimum depth. The minimum depth is the number of nodes along the shor ...
 - 洛谷P1434 滑雪【记忆化搜索】
			
题目:https://www.luogu.org/problemnew/show/P1434 题意: 给一个矩阵,矩阵中的数字代表海拔高度. 现在要找一条最长路径,使得路径上的海拔是递减的. 思路: ...
 - 宝宝刷 leetcode
			
12/3 1.Two Sum Given nums = [2, 7, 11, 15], target = 9, Because nums[0] + nums[1] = 2 + 7 = 9, retur ...
 - expect远程登录服务器并执行命令
			
#!/usr/bin/expectset timeout 120 #设置执行超时时间,任何输入120秒后退出set password "password" ...
 - int 存储大小 数组元素个数
			
为了得到某个类型或某个变量在特定平台上的准确大小,您可以使用 sizeof 运算符.表达式 sizeof(type) 得到对象或类型的存储字节大小.下面的实例演示了获取 int 类型的大小: 实例 # ...
 - wpf(windos窗体)
			
在windos窗体中可以放置各种控件,以及为控件定义事件等等,而窗体的显示可以通过show方法以及showdialog方法.他们的区别是 show:运行程序的时候弹出新窗体,而该新窗体会一闪而过,最小 ...