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

Question

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

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

任何帮助或指导都将非常有用，或者我可以编辑库并添加此挂钩（如果 return 原始文件数据尚不存在）。

提前致谢。

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

}

在这里，在尺寸散列中。

干杯！

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

Jquery-fileupload get original file size before resizing

javascript

jquery

file-upload

client-side

image-resizing