`
u012081441
  • 浏览: 15731 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js获取html代码中所有图片地址

阅读更多
/** 
 * JS获取html代码中所有的图片地址 
 * @param htmlstr 
 * @returns imgsrcArr 数组 
 */  
function getimgsrc(htmlstr) {  
    var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim;  
    var imgsrcArr = [];  
    while (tem = reg.exec(htmlstr)) {  
        imgsrcArr.push(tem[2]);  
    }  
    return imgsrcArr;  
}

<script type="text/javascript"> $(function () { $('pre.prettyprint code').each(function () { var lines = $(this).text().split('\n').length; var $numbering = $('<ul/>').addClass('pre-numbering').hide(); $(this).addClass('has-numbering').parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('<li/>').text(i)); }; $numbering.fadeIn(1700); }); }); </script>

分享到:
评论

相关推荐

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

    以上两种方法都是在前端实现从HTML代码中提取图片地址的有效途径,正则表达式方法提供了更大的灵活性和控制力,而jQuery方法则以简洁易懂的特点被广泛使用。实际应用中可以根据具体需求和项目环境选择合适的方法。

    图片切换html+css+js的代码

    这段代码首先获取了所有的图片元素,然后定义了一个切换函数`switchImage`,它会移除当前活动图片的`active`类,将下一张图片设为活动状态,并添加`active`类。`setInterval`用于定时调用这个函数,实现自动轮播。...

    html5通过javascript预览图片以及获取图片属性

    JavaScript作为浏览器端的主要脚本语言,与HTML5结合,可以实现许多创新功能,如图片预览和获取图片属性。在本文中,我们将深入探讨如何使用HTML5和JavaScript来实现这些功能,并参考给出的`test.html`文件进行解析...

    js裁剪图片代码

    JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页和网络应用开发,它在处理图片方面具有广泛的应用,其中包括图片裁剪功能。图片裁剪是网页中常见的交互功能,用户可以通过拖动选择区域或者调整比例来裁剪...

    JS获取ip地址归属地

    在上面的代码中,我们使用 jQuery 的 Ajax 方法来调用第三方 API 获取用户的 IP 地址归属地。在 success 回调函数中,我们可以获取到用户的 IP 地址归属地信息,并将其显示在 HTML 元素中。其中,`$("#geo").html...

    通过htmlunit获取执行js代码后的html文档

    使用HTMLUnit获取执行JavaScript后的HTML文档,首先需要理解HTMLUnit的工作原理。HTMLUnit内建了一个基于WebClient的组件,它能够加载网页、执行JavaScript和处理DOM(文档对象模型)。以下是使用HTMLUnit进行此类...

    js实现html转图片并下载保存

    在上述代码中,`convertToImage`方法将Canvas转换为Image,然后将其添加到文档中。`toDataURL`方法用于获取Canvas的内容作为Data URL,最后创建一个`&lt;a&gt;`标签模拟点击事件触发下载。 需要注意的是,`html2canvas`并...

    js读取图片分辨率demo

    在JavaScript(简称JS)中,读取图片的分辨率通常涉及到图像元数据的处理,特别是EXIF(Exchangeable Image File Format)数据,这是许多数字照片中存储的信息,包括拍摄时间、地点以及图片的宽度和高度等。这个“js...

    js代码实现图片上传阿里云OSS

    在本文中,我们将深入探讨如何使用JS实现图片上传到阿里云对象存储服务(OSS)。阿里云OSS是一个高可用、高可靠的云存储服务,能够为开发者提供安全、稳定的数据存储解决方案。 首先,`plupload` 是一个开源的多...

    大图片分块加载JS代码

    在实际项目中,这些图片可能需要根据代码逻辑进行调整和组织。 总结起来,大图片分块加载技术通过JavaScript实现了对大图的高效加载,提高了网页的响应速度,优化了用户体验。通过理解并应用上述代码,开发者可以...

    计算器代码 js + html

    在IT行业中,JavaScript(js)和HTML是构建Web应用程序的基础技术。当提到“计算器代码 js + html”,我们指的是使用这两种语言来创建一个交互式的在线计算工具。在这个特定的例子中,我们有三个计算器:房贷计算器...

    HTML+CSS+JS制作爱心表白代码 520情人节源码HTML 七夕情人节表白代码制作 生日祝福代码

    在JS代码中,我们还使用了getElementsByClassName方法来获取页面中所有的block元素,并将其存储在blocks变量中。我们还使用了style属性来设置block元素的样式,例如visibility、left和top等。这些样式将被应用于...

    【JavaScript源代码】js实现上传图片功能.docx

    在上述代码中,我们定义了一个包含上传按钮的`div`容器,并设置了一个`&lt;input type="file"&gt;`标签用于选择文件,同时还有一个`&lt;img&gt;`标签用于预览图片。 ##### 2. 检测文件变化 接下来,我们需要监听`...

    HTML+Javascript实现点击图片自动播放背景音乐

    这里的`id`属性(`musicTrigger`)用于在JavaScript中引用该图片,`onclick`事件监听器会在用户点击图片时执行`playMusic()`函数。 接下来是JavaScript部分。JavaScript负责处理页面的动态行为,如播放音乐。要实现...

    js 特效 html 特效 变化中获取颜色代码

    js 特效 html 特效 变化中获取颜色代码

    自动读取文件夹中图片并显示在网页中

    标题 "自动读取文件夹中图片并显示在网页中" 涉及到的主要知识点是动态生成网页内容和文件系统操作。在这个场景中,我们通常会使用编程语言(如JavaScript、Python、PHP等)来实现这个功能。下面将详细介绍相关的...

    Html读取本地文件夹下图片并显示的示例代码

    调用Web API接口FileReader中readAsDataURL方法读取数据(这个函数参数file标签获取到的文件路径),然后把数据加载到FileReader中(base64格式),之后就可以用Img来指定源时base64格式的数据,可以绘制图片。...

    纯js 滑动图片展示代码

    在提供的"滑动图片JS展示代码"压缩包中,可能包含了HTML、CSS和JavaScript文件,这些文件组合在一起实现了上述的滑动图片展示效果。通过学习和理解这些代码,开发者可以更好地掌握JavaScript在动态效果中的应用,...

    图片等比例缩放代码,图片等比例缩放JS代码,图片缩放代码

    首先,我们需要通过JavaScript获取到HTML中的图片元素,这通常通过`document.getElementById`或`document.querySelector`来实现。 ```javascript var imgElement = document.getElementById('imageId'); ``` 2. ...

    从网页代码中提取图片地址另存到文本进行批量下载.rar

    要提取图片地址,我们可以使用编程语言,如Python,通过解析HTML来找到所有的`&lt;img&gt;`标签并提取`src`属性。Python中有许多库可以帮助我们完成这项工作,如BeautifulSoup和requests。 1. **使用requests获取网页源...

Global site tag (gtag.js) - Google Analytics