网站开发

包含所有网站建设开发相关的教程内容,如CSS教程,JS教程,html教程,服务器配置,域名空间的购买教程.

jQuery获取file控件中图片的宽高与大小

发表于:2019-07-21 点击: 栏目:

网站开发

收藏(0)

jQuery获取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);
  }
});

当input值发生变化时,就获取input内的图片宽高和其他信息。