这次给大家带来js如何直接获取网页中图片地址,js直接获取网页中图片地址的注意事项有哪些,下面就是实战案例,一起来看一下。

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

* 获取html代码中图片地址

* @param htmlstr

* @returns {Array}

*/

function getimgsrc(htmlstr) {

var reg = /)/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,但是通常只获取相对路径就可以了。做此记录。

function showSelected(obj)

{

var rootpath='http://localhost/';

res=obj.src.replace(rootpath,'');

//分离路径和图片

document.getElementById("cate_img_src").src=obj.src;

}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

php如何获取图片地址,js如何直接获取网页中图片地址相关推荐

  1. python 实现获取与下载网页中图片的四种方案

    前言 当要获取页面上的图片,我们常规的做法是: 在图片上点击鼠标右键, 然后选择 图片另存为, 弹出保存窗口, 选择或输入保存的位置, 点击 确定 按钮即可. 那么,如果我们想要使用python在脚本 ...

  2. js删除网页中图片width 和 height

    js删除网页中图片width 和 height 一段代码轻松搞定 适用于: 电脑端网页带图片属性导致移动网页显示错位/错误 备注: 需搭配jquery.min.js (注!jquery-2.0以上版本 ...

  3. php超链接到图片,php正则表达式提取网页超链接url与网页中图片

    function match_links($document) { preg_match_all("']+))[^>]*>?(.*?)'isx",$document,$ ...

  4. Python3爬取网页中图片(2021-01-04 14:06:02),附上完整代码

    Python爬取网页中图片,附上完整代码 文章目录 Python爬取网页中图片,附上完整代码 概述 完整代码 概述 批量爬取数据,请遵循robots协议及相关网站协议及说明. 本代码仅供有需要爬取网页 ...

  5. html图片5秒后消失,如何让网页中图片等待5秒再显示_html/css_WEB-ITnose

    如何让网页中图片等待5秒再显示. 网页打开的时候,网页中的图片就会马上显示.如何让某一个图片,在网页打开后5秒在显示出来. 回复讨论(解决方案) 1. 图片载入有判别事件,在事件中设置图片对象的显示隐 ...

  6. 批量验证邮箱地址php代码,php结合正则批量抓取网页中邮箱地址

    php如何抓取网页中邮箱地址,下面我就给大家分享一个用php抓取网页中电子邮箱的实例. $url='http://www.jb51.net'; //要采集的网址 $content=file_get_c ...

  7. 在html上点击一张图片时放大照片,网页中图片自动缩小,点击放大(以防页面被撑大)的方法...

    我们在开发动态网站的时候,一般都会在后台让用户添加文章,在添加文章的过程中难免用户会添加一些大的图片,这样,在前台显示的时候图片就会把页面撑的很大,很难看,今天就教大家利用JavaScript函数来实 ...

  8. 网页中图片旋转的几种实现方式

    网页中图片旋转一般有下面三种常见的实现方式: 一. ie 滤镜 IE的图形旋转滤镜,通过指定BasicImage滤镜的rotation值旋转元素,旋转方向为顺时针,旋转的中心点为元素的左上角.rota ...

  9. 手机端网页中图片之间出现白线的解决方法

    手机端网页中图片之间出现白线的解决方法 参考文章: (1)手机端网页中图片之间出现白线的解决方法 (2)https://www.cnblogs.com/syzdidi/p/9686463.html 备 ...

最新文章

  1. 2017-2018-1 20155202 《信息安全系统设计基础》第10周学习总结
  2. xml凭证模板的一般制作
  3. NRF52810能不能替代NRF52832
  4. [GXYCTF2019]禁止套娃 1
  5. SpringCache 集成 Redis,这才是优雅的缓存解决方案!
  6. shell脚本面试题
  7. Nobot控件------拒绝机器人行为
  8. Python使用标准库itertools中count类求解数苹果问题
  9. 计算机英语 mp3,计算机英语会话(MP3+中英字幕) 第21期:操作系统(5)
  10. C语言--职工信息管理系统(含论文)
  11. Thor 1.5.3中文版 (使用自定义按键启动软件)
  12. Linux实操篇-用户管理
  13. 泛型编程和元编程概念(先学泛型编程再学元编程)
  14. mklink命令建立链接实现软件搬家
  15. Word-VBA:替换文字
  16. 基于强化学习的中间商赚差价指导手册
  17. 纯CSS Material Design风格按钮
  18. i3-10110U和i5 8250u 哪个好
  19. 1343476-41-4,Acid-PEG5-NHS ester亲水性PEG间隔物增加了在水介质中的溶解度
  20. 十分钟搞懂Java限流及常见方案

热门文章

  1. 技术领域有哪些接地气又好玩的应用?
  2. caffe详解之全连接层
  3. 2022年4月14日【Jiawei_Z】瑞萨的开发环境的使用01
  4. CSS的几种定位方式
  5. c语言while里有scanf,C语言中while语句里使用scanf的技巧
  6. 解决sougo输入法在Ubuntu下汉字输入出现数字代码的问题
  7. ADB投屏_如何将 Android 手机投屏在 Ubuntu/LinuxMint/Debian 上
  8. 人生赢家的12个强大习惯
  9. 归一法的计算方法讲解_第七讲 归一法
  10. python新浪股票接口 历史数据_实时数据与历史数据的区别_新浪股市接口