如何使用jQuery获取所选文件的文件大小

时间:2013-10-11 09:26:43

标签: javascript jquery

有这个代码: -

$('#myFile').bind('change', function() {
  alert(this.files[0].type);
});

获取文件类型。这段代码: -

$('#myFile').bind('change', function() {
  alert(this.files[0].size);
});

获取文件大小。但我找不到任何jQuery API来获取文件尺寸。请告诉我任何事情。任何帮助将不胜感激。提前谢谢。

2 个答案:

答案 0 :(得分:1)

取自 here

此答案已在stackoverflow上发布,请参阅 here

试试这个

var _URL = window.URL || window.webkitURL;
$("#myFile").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);
    }
});

答案 1 :(得分:0)

您可能希望让浏览器对图片进行解码以获得尺寸:

  1. 为文件创建URL object
  2. 创建一个<image> DOM对象
  3. 在那里注册一个onload事件处理程序
  4. 将对象网址指定给图片