js如何获取图片的尺寸

js如何获取图片的尺寸,第1张

项目的需求是上传一张,然后验证该的尺寸,如果跟预期的不符,就不给上传

首先,可以通过new FileReader(),再通过将上传的文件传给实例的readAsDataUrl(),当文件加载完成触发onload事件,传递event,通过eventtargetresult来获取的链接(base64格式的)

接着,new Image()实例,将上面获取的链接设置为的src属性,当加载完成触发onload事件就可以通过width、height属性来读取的长宽啦~~

微信小程序获取高度方法有多种,以下是其中几种常用的方法:

1 使用wxgetImageInfo()方法获取信息,包括的宽、高等信息,代码如下:

wxgetImageInfo({

src: '路径',

success: function (res) {

consolelog(reswidth) // 宽度

consolelog(resheight) // 高度

}

})

2 使用Image对象获取高度,代码如下:

var img = new Image()

imgonload = function () {

consolelog(imgheight) // 高度

}

imgsrc = '路径'

3 使用小程序自带的组件,如image标签,通过bindload事件获取高度,代码如下:

<image src="路径" bindload="getImageHeight"></image>

getImageHeight: function (e) {

consolelog(edetailheight) // 高度

}

以上是微信小程序获取高度的几种方法,开发者可根据实际需求选择适合自己的方法。

爬虫中手动输入验证码方法无法获取src地址

验证码在html中标签内容:

<class=“verCodeImg” src="/kaptchajpgv=0234724039578059" οnclick=“verCode(this)”>

< class=“verCodeImg” src="/kaptchajpgv=0234724239578059" οnclick=“verCode(this)”>

可知获取到验证码的src地址就能动态的获得验证码

因为验证码是动态的!动态的!动态的!

用动态爬取网页的方法:

要用到selenium库

其实获得了验证码的src地址,我还是没能成功登陆

因为即使是相同的链接点进去,每一次刷新都会有不同的验证码

通过动态网页打开是一张

解析src地址出来是另一张

var image = new Image();

imagesrc = '地址';

imageonload = function(){

alert(imagewidth);

alert(imageheight);

}

写了一个简单的例子,应该是你说的动态获取!

<img id="abc" src="time1gif" />

<div id="oId" style="background-color:#ccc; border:1px solid #ddd; color:#00f; width:100px; height:100px; line-height:100px; text-align:center;"></div>

<script type="text/javascript">

var oImg = documentgetElementById('abc');

var oId = documentgetElementById('oId');

var i = 1;

function checkimg(){

if(i<3){

i++;

alert(oImgsrc);

oImgsrc='time'+i+'gif';

oIdinnerHTML = oImgwidth;

}

else i = 0;

}

setInterval("checkimg()",5000)

</script>

以上就是关于js如何获取图片的尺寸全部的内容,包括:js如何获取图片的尺寸、微信小程序如何获取图片高度信息、python爬取验证码图片,遇到验证码src属性为完整的网址应该怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9691329.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存