五分赛车

网站开发

网罗一切网站作育开发相关的教程内容,如CSS教程,JS教程,html教程,服务器装备,域名空间的购置教程.

jQuery取得file控件中图片的宽高与巨细

揭晓于:2019-07-21 点击: 栏目:

网站开发

五分赛车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内的图片宽高和其他信息。