javascript - jquery-fileupload 在调整大小之前获取原始文件大小

Question

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

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

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

提前致谢。

Answer 1

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

只需重写 add 方法并从文件对象计算图像尺寸，如下所示:

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();
});

}

在这里，您可以在大小哈希中找到它。

干杯!