上传图片后获取图片的宽高
直接上代码
const checkimgsize = (file) => {var reader = new FileReader();reader.readAsDataURL(new Blob([file]));reader.onload = function (e) {var data = e.target.result;//加载图片获取图片真实宽度和高度 var image = new Image();image.src = data;image.onload = function () {var width = image.width;var height = image.height;if (width > height) {console.log("横屏")} else {console.log("竖屏")}};}
}
上传图片后获取图片的宽高相关推荐
- RT/Metro商店应用如何如何获取图片的宽高
RT/Metro商店应用如何如何获取图片的宽高 var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms ...
- php 获取图片的宽高,JS怎么获取图片当前宽高
JS获取图片当前的宽高,我们可以使用JavaScript clientWidth和clientHeight属性来实现获取.clientWidth.clientHeight属性表示获取图像的当前宽度和高 ...
- php根据图片地址获取图片原始高宽,Js获取图片原始宽高的实现代码
如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...
- 微信小程序获取图片的宽高,以及如何获取手机设备的宽高?
如何在微信小程序中获取图片的宽高 ? 首先拿到图片的路径,相对/绝对路径都行,其次通过 wx.getImageInfo 获取到图片的宽高 wx.getImageInfo({src,success: f ...
- java 获取图片的宽高
博客引用处(以下内容在原有博客基础上进行补充或更改,谢谢这些大牛的博客指导): 通过java获取图片的宽高 获取本地文件的图片尺寸: import java.awt.image.BufferedIma ...
- js 获取图片原始宽高并等比例缩放
近期做一个驾考项目,由于每张图片加载的时候比例大小都不一样,在试题练习中加载图片时大部分图片会变形,导致图片展示效果非常差,所以我们可以获取图片的原始宽高,然后以等比例展示,效果会非常好.以下就是实现 ...
- jquery 获取元素图片_【jQuery】获取图片真实宽高
jQuery有没有获取图片实际尺寸的方法? 就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸. 肥肠真实,如假包换! //code from http://caibaojian.com/jqu ...
- 根据图片的url获取图片的宽高
1. 代码实现 let image = new Image() image.src = this.imgUrl // imgUrl:图片的地址 console.log(image.width) 2. ...
- 小程序获取图片的宽高
代码: imgInfo(url){wx.getImageInfo({src: url,success (res) {console.log(res.width)console.log(res.heig ...
最新文章
- MaskFlownet:基于可学习遮挡掩模的非对称特征匹配丨CVPR 2020
- Java单元测试的意义_单元测试重要意义及方法介绍
- Java程序员从笨鸟到菜鸟之(五十二)细谈Hibernate(三)Hibernate常用API详解及源码分析--csdn 曹胜欢...
- python不支持prelu_python实现并绘制 sigmoid函数,tanh函数,ReLU函数,PReLU函数
- 安卓手机可以用python编程软件-可以在手机上进行Java,Python的编程软件,你用过么?...
- leetcode算法题--Letter Case Permutation
- 友盟2015年Q2、Q3中国移动互联网趋势报告
- C++ GUI Qt4编程(12)-6.1FindFileDialog
- php composer 缓慢,php – 下载Laravel时,Composer非常慢
- PowerSploit脚本
- c语言fseek128字节,C语言rewind和fseek函数的用法详解(随机读写文件)
- PHP单例模式经典讲解
- httpclient 3.0初步研究
- Python基础教程 第六章 学习笔记
- java web scala_Springboot与scala编写第一个web程序
- shadowmap的原理与实现
- 51nod 1163 最高的奖励(超级经典贪心)
- 同一样商品,不同颜色和尺码的批量新增
- Android 拍摄(横\竖屏)视频的懒人之路
- 韦东山Linux问题笔记