
项目的需求是上传一张,然后验证该的尺寸,如果跟预期的不符,就不给上传
首先,可以通过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属性为完整的网址应该怎么做等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)