js获取html页面代码中图片地址的实现代码


Posted in Javascript onMarch 05, 2018

第一种方法:js通过正则实现

/** 
 * 获取html代码中图片地址 
 * @param htmlstr 
 * @returns {Array} 
 */ 
function getimgsrc(htmlstr) { 
  var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; 
  var arr = []; 
  while (tem = reg.exec(htmlstr)) { 
    arr.push(tem[2]); 
  } 
  return arr; 
}

第二种方法:jquery实现

var img = $(this).find("img").attr("src");//这个是获得相对路径 prospertu
        //alert($(this).find("img").prop("src"));这个是获得完整路径 包括http://

js在获取图片的src是相对路径

js在获取src时或同时获取到域名路径;如图片路径是mall/kmenus/001.png,用obj.src或获取到http://localhost/mall/kmenus/001.png,但是通常只获取相对路径就可以了。做此记录。

<img src="mall/kmenus/001.png" onclick="showSelected(this)">

function showSelected(obj)
{
 var rootpath='http://localhost/';
 res=obj.src.replace(rootpath,'');
 //分离路径和图片
 document.getElementById("cate_img_src").src=obj.src;
}

这篇文章就介绍到这,需要的朋友可以参考一下。

Javascript 相关文章推荐
flexigrid 类似ext grid的JS表格代码
Jul 17 Javascript
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
JavaScript如何获取数组最大值和最小值
Nov 18 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 Javascript
js实现图片360度旋转
Jan 22 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
Vue父组件如何获取子组件中的变量
Jul 24 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
vue axios 在页面切换时中断请求方法 ajax
Mar 05 #Javascript
node.js通过axios实现网络请求的方法
Mar 05 #Javascript
axios发送post请求springMVC接收不到参数的解决方法
Mar 05 #Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 #Javascript
解决vue处理axios post请求传参的问题
Mar 05 #Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 #Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 #Javascript
You might like
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
解析PHP中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
PHP7常量数组用法分析
2016/09/26 PHP
使用laravel和ajax实现整个页面无刷新的操作方法
2019/10/03 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
JavaScript弹出对话框的三种方式
2016/03/23 Javascript
ES6使用let命令更简单的实现块级作用域实例分析
2017/03/31 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
Ionic3 UI组件之autocomplete详解
2017/06/08 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
Angular浏览器插件Batarang介绍及使用
2018/02/07 Javascript
angularjs中$http异步上传Excel文件方法
2018/02/23 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
介绍一款python类型检查工具pyright(推荐)
2019/07/03 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
新加坡鲜花速递/新加坡网上花店:Ferns N Petals
2020/08/29 全球购物
2014年元旦促销活动方案
2014/02/22 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
优秀毕业生找工作自荐信
2014/06/23 职场文书
小学生感恩父母演讲稿
2014/08/28 职场文书
党员自我剖析材料
2014/08/31 职场文书
大学生学习计划书
2014/09/15 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
开业庆典致辞
2015/08/01 职场文书
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
深入浅析Django MTV模式
2021/09/04 Python