首页
学习
活动
专区
圈层
工具
发布

利用 img 的 src 属性发起 get 请求踩坑记录

一、背景 工作中,碰到一个需求,需要使用img标签的src属性发送一个get请求。原先的设想是,当请求发送成功之后,会触发img的onload回调,请求失败,则触发img的onerror回调。...编写测试demo 首先写一个demo,利用js动态创建一个img标签,然后将接口地址赋值给src属性,发起请求,同时,设置好onload和onerror回调函数。 src属性的值换成一个正常的图片地址后,onload就能正常触发。 3....但是不甘心呀,于是网上查阅资料,发现还HTMLImageElement上还有一个叫complete的只读属性,它是一个布尔值,表示图片是否完全加载完成。...在看到定义里面表示图片是否完全加载完成的时候,心凉了一截,怕是这个也没办法达到我的要求,但还是抱着试一试的想法测试了一下,于是在原先的代码里,添加了complete属性: <!

5K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js和jQuery获取img标签的src属性获取不到的解决方法

    很多朋友可能遇到过,用 jQuery 获取 img 标签的 src 属性却获取不到的问题: src="1.jpg" alt="test" /> 使用如下的语句都会出错:...alert($('#test')); alert($('#test').src); 使用 $('#test').src 语句不会出错,但获取不到 img 的地址。...alert($('#test'));  //[object Object] alert($('#test').src);  //undefined  最后,使用 $('#test')[0].src 才能够获取到...拓展: JS获取 img 的 src 值: //方法一: var path =  $('#test').attr('src'); //方法二: var path = document.getElementById...("test").src; //方法三: var path = $("#test")[0].src; 声明:本文由w3h5原创,转载请注明出处:《js和jQuery获取img标签的src属性获取不到的解决方法

    20.8K60

    PHP 正则表达式 获取富文本中的 img标签的src属性

    前言 鄙人发现对于微信看看中的文章,一般都会有三张摘要图片; 所以想着可以直接提取富文本中的 标签的 src 属性信息; 这样就可以在前台的 文章列表中展示三张图片(建议不要多了),吸引阅读...:\>|\/>)/i' 然后再循环匹配出 src 属性信息:'/\bsrc\b\s*=\s*['\"]?([^'\"]*)['\"]?/i' 既便于理解,又不影响效果!!...注意匹配的结尾形式 ([^\'\"]*) 匹配不上单引号和双引号的字符 整理后的处理源码如下: /** * 对富文本信息中的数据 * 匹配出所有的 标签的 src属性 * @param...属性信息 $pattern_src = '/\bsrc\b\s*=\s*[\'\"]?...参考文章 ------ 如何通过正则表达式获取img标签的src属性 ------ PHP正则表达式,看这一篇就够啦! ②. 推荐学习—— 正则表达式 - 匹配规则

    7.8K10

    SRC信息收集思路分享

    0x01 确定目标 无目标随便打,有没有自己对应的SRC应急响应平台不说,还往往会因为一开始没有挖掘到漏洞而随意放弃,这样往往不能挖掘到深层次的漏洞。...所以在真的想要花点时间在SRC漏洞挖掘上的话,建议先选好目标。 那么目标怎么选呢,考虑到收益回报与付出的比例来看,建议是从专属SRC入手,特别在一些活动中,可以获取比平时更高的收益。...微信搜一搜: 百度搜一搜: 现在有活动的src已经浮现水面了,那么我们就可与从中选择自己感兴趣的SRC。...0x02 确认测试范围 前面说到确定测什么SRC,那么下面就要通过一些方法,获取这个SRC的测试范围,以免测偏。...可能是a;百度SRC可能是bd等。

    2.3K22

    url、href和src区别

    二、href与src区别 相信大家对href和src一定不会陌生,平时我们开发项目,只知道a和link标签习惯性的,行尸走肉式的使用href;而img和script也是习惯性的使用src链接资源。...然而我们对于为什么使用href或者src并不是太深入的了解。 href和src是有区别的,而且是不能相互替换的。...href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。...src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到: 在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。...总结: src用于替换当前元素(比如:引入一张图片);href用于在当前文档和引用资源之间建立联系。 四、相关资料 URL 详解 href和src sf.gg资料 URL 进阶

    7.4K50
    领券