jq获取图片宽高

最新推荐文章于 2024-08-27 04:41:20 发布

转载最新推荐文章于 2024-08-27 04:41:20 发布 · 1.1k 阅读

文章标签：

#jquery图片宽高

js 同时被 2 个专栏收录

10 篇文章

订阅专栏

jquery

4 篇文章

订阅专栏

本文介绍了一种在图片上传前获取其尺寸的方法。利用JavaScript，通过读取inputfile中的图片文件，可以在不实际上传的情况下得到图片的宽度和高度。

问题:
如何判断input file表单里上传的图片的宽高和大小呢？
解决方案:
这个时候图片还没真正上传，也不是在页面上展示，不能使用$(“#id”).width(),$(“#id”).height()这种方式。
在Stack Overflow找到一个方法获取input file图片文件的宽高：
var _URL = window.URL || window.webkitURL;
$("#file").change(function (e) {
  var file, img;
  if ((file = this.files[0])) {
    img = new Image();
    img.onload = function () {
      alert(this.width + " " + this.height);
    };
    img.src = _URL.createObjectURL(file);
  }
});