在调整大小之前,Jquery-fileupload会获得原始文件大小

时间:2017-04-25 07:30:37

标签: javascript jquery file-upload client-side image-resizing

我正在使用blueimp/jQuery-File-Upload插件在我的网站上上传和调整客户端图片的大小。

我需要一种方法来获取原始上传的图片尺寸,然后再将其调整为 imageMaxWidth和imageMaxHeight 选项中提供的值。

任何帮助或指导都会很棒,或者我可以编辑库并添加此挂钩(如果尚未返回原始文件数据)。

提前致谢。

1 个答案:

答案 0 :(得分:1)

刚刚发现了一些没有添加自定义钩子的东西:

只需覆盖添加方法并从文件对象计算图像尺寸:

add: function(e, data) {
var img = new Image;
var _URL = window.URL || window.webkitURL;
img.onload = function() {
  sizes =
    width: this.width
    height: this.height
};
img.src = _URL.createObjectURL(data.files[0]);

//below code is to let the library further process file e.g resize etc
var $this = $(this);
return data.process(function() {
  return $this.fileupload('process', data);
}).done(function() {
  return data.submit();
});

}

在这里你有它,用大小哈希。

干杯!