在使用 JQuery-file-upload 上传到服务器之前调整尺寸图像的大小？答案

【问题标题】：Resize dimension images BEFORE upload to server with JQuery-file-upload?在使用 JQuery-file-upload 上传到服务器之前调整尺寸图像的大小？
【发布时间】：2013-12-05 17:46:27
【问题描述】：

您知道是否可以在使用 JQuery-file-upload 上传到服务器之前调整图像的尺寸（宽度和高度）？

我知道你可以用 Plupload 做到这一点......但我想知道 JQuery-file-upload 是否有可能......

谢谢！

【问题讨论】：

如果你可以用 Plupload 来做，你可以用 jQuery 文件上传器来做，因为它们都是 javascript 插件。但是，像这样调整浏览器大小取决于支持某些 HTML5 API 的浏览器，因此在服务器端调整大小通常是一个更好的主意。
感谢您的回答。我有一家与摄影师打交道的公司。我的摄影师每次在 Hirez 上传大约 1000 张照片。我使用 Aurigma 将它们缩小到低分辨率。但是对于 JAVA 的传奇，我需要找到一个更简单的解决方案来不处理 JAVA。这就是为什么，我需要来自客户端的解决方案。我假设我的摄影师使用现代浏览器，所以..这不是问题。 Plupload 运行良好..但我更喜欢 jQuery 文件上传器的外观和简单性。谢谢。
你看过 jQuery 文件上传插件文档中的page for client side resizing了吗
谢谢。不，我现在就这样做！再次感谢！

标签： jquery html css upload jquery-file-upload

【解决方案1】：

尝试这样做：

$('#fileupload').fileupload({
                url: '/general/up/',
                dataType: 'json',
                acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
                disableImageResize: false,
                imageMaxWidth: 1920,
                imageMaxHeight: 1920,
                imageCrop: false,
                done: function (e, data) {
                        console.log('success');
                }
}).bind('fileuploadadd', function (e, data) {
    data.imageMaxWidth = $('#up_resize_to').val();
    data.imageMaxHeight = $('#up_resize_to').val();
});

【讨论】：

欢迎您！我只是想建议您可以尝试通过在代码中添加对解决方案的简要说明来更好地解释您的答案。