直接上代码

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("竖屏")}};}
}

上传图片后获取图片的宽高相关推荐

  1. RT/Metro商店应用如何如何获取图片的宽高

    RT/Metro商店应用如何如何获取图片的宽高 var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms ...

  2. php 获取图片的宽高,JS怎么获取图片当前宽高

    JS获取图片当前的宽高,我们可以使用JavaScript clientWidth和clientHeight属性来实现获取.clientWidth.clientHeight属性表示获取图像的当前宽度和高 ...

  3. php根据图片地址获取图片原始高宽,Js获取图片原始宽高的实现代码

    如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...

  4. 微信小程序获取图片的宽高,以及如何获取手机设备的宽高?

    如何在微信小程序中获取图片的宽高 ? 首先拿到图片的路径,相对/绝对路径都行,其次通过 wx.getImageInfo 获取到图片的宽高 wx.getImageInfo({src,success: f ...

  5. java 获取图片的宽高

    博客引用处(以下内容在原有博客基础上进行补充或更改,谢谢这些大牛的博客指导): 通过java获取图片的宽高 获取本地文件的图片尺寸: import java.awt.image.BufferedIma ...

  6. js 获取图片原始宽高并等比例缩放

    近期做一个驾考项目,由于每张图片加载的时候比例大小都不一样,在试题练习中加载图片时大部分图片会变形,导致图片展示效果非常差,所以我们可以获取图片的原始宽高,然后以等比例展示,效果会非常好.以下就是实现 ...

  7. jquery 获取元素图片_【jQuery】获取图片真实宽高

    jQuery有没有获取图片实际尺寸的方法? 就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸. 肥肠真实,如假包换! //code from http://caibaojian.com/jqu ...

  8. 根据图片的url获取图片的宽高

    1. 代码实现 let image = new Image() image.src = this.imgUrl // imgUrl:图片的地址 console.log(image.width) 2. ...

  9. 小程序获取图片的宽高

    代码: imgInfo(url){wx.getImageInfo({src: url,success (res) {console.log(res.width)console.log(res.heig ...

最新文章

  1. MaskFlownet:基于可学习遮挡掩模的非对称特征匹配丨CVPR 2020
  2. Java单元测试的意义_单元测试重要意义及方法介绍
  3. Java程序员从笨鸟到菜鸟之(五十二)细谈Hibernate(三)Hibernate常用API详解及源码分析--csdn 曹胜欢...
  4. python不支持prelu_python实现并绘制 sigmoid函数,tanh函数,ReLU函数,PReLU函数
  5. 安卓手机可以用python编程软件-可以在手机上进行Java,Python的编程软件,你用过么?...
  6. leetcode算法题--Letter Case Permutation
  7. 友盟2015年Q2、Q3中国移动互联网趋势报告
  8. C++ GUI Qt4编程(12)-6.1FindFileDialog
  9. php composer 缓慢,php – 下载Laravel时,Composer非常慢
  10. PowerSploit脚本
  11. c语言fseek128字节,C语言rewind和fseek函数的用法详解(随机读写文件)
  12. PHP单例模式经典讲解
  13. httpclient 3.0初步研究
  14. Python基础教程 第六章 学习笔记
  15. java web scala_Springboot与scala编写第一个web程序
  16. shadowmap的原理与实现
  17. 51nod 1163 最高的奖励(超级经典贪心)
  18. 同一样商品,不同颜色和尺码的批量新增
  19. Android 拍摄(横\竖屏)视频的懒人之路
  20. 韦东山Linux问题笔记

热门文章

  1. 乐观锁、悲观锁原理解析
  2. 天翼物联加入ZETA联盟共建物联生态圈 推动LPWAN2.0泛在物联
  3. win7/8/10系统好用的视频剪辑软件对比
  4. c#自定义控件绘制五角星形状
  5. DFS问题——老鼠和奶酪
  6. 计算机网络(中科大郑烇)学习笔记
  7. 郑泽康:一名热爱技术的“保安”
  8. Android打包混淆----APP加密防破解 + 重新签名
  9. NKCTF 2023-misc全解(有脚本,有详解)
  10. 激光条形码扫描器和CCD条形码扫描器什么区别?