Js获取HTML中所有图片地址

最新推荐文章于 2024-10-05 15:52:24 发布
最新推荐文章于 2024-10-05 15:52:24 发布
阅读量507 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/amylis_chen/archive/2011/11/16/2251955.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<div id="test">
1.<img src="1.Gif" alt="dsddfsa" />2.<img src="2.jpG" >3.<img src="3.jpg">4.<IMG SRC=4.JPG>5.<IMG SRC='5.JPG'>bs
<div id="divMsg">
</div>
<script type="text/javascript">
<!--
   
    var re = /<img(.+?)src=""*([^\s]+?)""*(\s|>)/ig;
        var s = document.getElementById("test").innerHTML;
        var a = s.match(re);
        alert(a.length);
        for (var i=0;i<a.length ;i++ )
        {
            document.getElementById("divMsg").innerHTML += a[i]+a[i].replace(re,"$2")+"<br />";
        }
//-->
</script>
</body>
</html>
===================
下面将取得图片地址的同时，取得图片里的 alt即提示内容，如下：
===================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<div id="test">
1.<img src="1.Gif" alt="这是alt内容" />2.<img alt='这是alt内容2' src="2.jpG" >3.<img alt="bsbsxx" src="3.jpg">4.<IMG alt=abc SRC=4.JPG>5.<IMG SRC='5.JPG' alt="大家好，最后一个alt">bs
</div>
<div id="divMsg">
</div>
<script type="text/javascript">
<!--
  
    var re = /<img([^>]+?)>/ig;
    var s = document.getElementById("test").innerHTML;
    var str=""
    var tempImg=""
    var re1=/alt\s*=\s*([^\s]+)/i
    var re2=/src\s*=\s*(["'])([^"']+)\1/i
    while(re.exec(s))
    {
        tempImg=RegExp.$1
        str+=((re1.test(tempImg))?RegExp.$1:"")+","
        re2.test(tempImg)
        str+=((re2.test(tempImg))?RegExp.$2:"")+"\r\n"
    }
    alert(str)
//-->
</script>
</body>
</html>

转载于:https://www.cnblogs.com/amylis_chen/archive/2011/11/16/2251955.html

js获取html页面代码中图片地址的实现代码
10-18
在编写JavaScript代码以从HTML页面的源代码中提取图片地址时，主要的方法可以分为两大类：一种是使用原生JavaScript的正则表达式来实现，另一种是利用jQuery库提供的方法来简化查询过程。 1. 使用JavaScript正则...
js获取html中的img标签，图片标签，提取src属性并替换操作
weixin_42498482的博客
01-29 1357
获取HTML中的所有图片标签，并把图片的src属性替换成webp图片, 若浏览器支持webp，则展示，不支持走onerror函数展示data-original原图。
获取html中的所有图片地址
singleton
11-07 2734
获取HTML中的图片路径在我们的应用中，时长会用到嵌套webview的情况，有时需要获取显示在webview上一些图片的地址，做一个大图的效果展示。以下是一个获取所有图片的方法，记录在此，一个是方便自己以后查看，另一个是给有需要的人一个帮助。 /** * 获取html中的所有图片 * * @param html * @return */ pu
使用Java实现特定网站图片抓取
最新发布
weixin_35899324的博客
10-05 1281
本文还有配套的精品资源，点击获取 简介：获取特定网站图片是数据抓取和爬虫构建中的常见任务。本文详细介绍了使用Java语言实现获取网站图片功能的过程，包括网络请求基础、HTML内容解析以及图片资源的下载保存。同时，文章也强调了错误处理、并发处理、重试机制、合规性和性能优化等关键点，为读者提供了一个全面的实战指导。 1. 获取特定网站图片 在当今数字化的时代，网...
【在JS中如何获取图片路径以及更改图片】
Lnbd_的博客
03-22 4236
在JS中如何获取图片路径以及更改图片
js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片
weixin_33605464的博客
06-04 4849
要获取网页所有图片，我们可以通过Javascript就能轻松实现，不过要想获得文章或某容器(如：Div)里所有图片，使用JQuery而不是Javascript来实现就会变得更加简单。本文将给你详细介绍。通过Javascript获取网页所有图片html代码JS/JQuery获取网页或文章或某DIV所有图片_JS实例_卡卡网 webkaka.comfunction getAllImg(){var ob...
用JS怎么获取背景图片的url
m0_51399265的博客
03-07 822
背景图片url
js获取html中图片路径,用js快速的获取html页面中图片的地址
weixin_31773159的博客
06-04 3486
这次给大家带来用js快速的获取html页面中图片的地址，用js快速获取html页面中图片的地址的注意事项有哪些，下面就是实战案例，一起来看一下。这篇文章主要介绍了js获取html代码中图片地址的实现代码,需要的朋友可以参考下第一种方法：js通过正则实现/*** 获取html代码中图片地址* @param htmlstr* @returns {Array}*/function getimgsrc(h...
js如何获取网页所有图片
10-19
在Web开发中，经常需要通过JavaScript获取页面上的图片资源。本文将详细介绍如何使用JavaScript获取网页上所有图片的方法，并且实现图片放大显示以及顺序切换图片的功能。这在开发中是非常实用的技术点，尤其在响应...
js查找某元素中的所有图片地址的方法
10-26
在JavaScript中，获取HTML元素中的所有图片地址是一项常见的任务，特别是在进行前端开发或者网页数据分析时。本文将深入探讨如何利用JavaScript有效地查找特定元素内的所有图片地址，并提供一个实用的示例函数来完成...
JS图片上传裁剪获取地址代码
07-24
在本文中，我们将深入探讨如何使用JavaScript（JS）和HTML5技术实现图片上传、裁剪以及获取图片地址的功能。这是一个非常实用的前端功能，常见于许多网页应用中，如社交媒体平台、在线图像编辑器和电子商务网站等。...
JS读取本地文件夹和图片异步加载（图片LazyLoad）
04-13
NULL 博文链接：https://angrycoder.iteye.com/blog/1711155
利用getObjectURL获取图片路径实现本地预览上传图片
11-27
利用HTML5的getObjectURL获取图片路径实现本地预览上传图片，类似于点击现有头像上传，更改图片为新头像那种。
js获取UEditor富文本编辑器中的图片地址
10-15
接下来，详细介绍如何通过JavaScript获取UEditor富文本编辑器中的图片地址。首先需要了解的是，UEditor编辑器提供了一个重要的API函数：getContent()。这个函数能够获取编辑器当前内容的HTML字符串，这是一个纯文本...
抓取html的地址怎么写,js怎么获取html页面代码中图片地址
weixin_36363813的博客
05-31 277
js怎么获取html页面代码中图片地址发布时间：2021-04-20 14:14:13来源：亿速云阅读：73作者：小新小编给大家分享一下js怎么获取html页面代码中图片地址，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！html是什么html的全称为超文本标记语言，它是一种标记语言，包含了一系列标签．通过这些标签可以将网...
js获取html代码中所有图片地址
zlzhaoe的博客
06-16 3858
/** * JS获取html代码中所有的图片地址 * @param htmlstr * @returns imgsrcArr 数组 */ function getimgsrc(htmlstr) { var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; var imgsrcArr = [];
JS-获取图片地址
weixin_34090562的博客
10-14 646
var url=document.getElementById("a001").src; 或var url=document.getElementById("a001").attributes["src"].nodeValue;  
JS实现HTML图片到Canvas压缩上传
"JS HTML图片显示Canvas压缩功能" 这篇资源主要讲解了如何使用JavaScript（JS）和HTML结合Canvas实现图片的显示和压缩功能。对于前端开发来说，这是一个常见的需求，特别是在用户上传图片时，为了优化加载速度和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值