jquery 使用发送时，文件上传不会在客户端调整图像大小

Question

我正在使用 jquery file upload in conjunction with summernote 上传图片。我知道 jquery 文件上传应该默认将大图像的大小重新调整为最大 1920 x 1080，但这在我的情况下没有发生。这是我当前的设置：

 $('#summernote').summernote({
    height: 500,
    minHeight: 300,
    onImageUpload: function(files, editor, welEditable) {
        uploadFile(files, editor, welEditable);
    }
});

$('#fileupload').fileupload({
    url: site_root + '/photos/index.php',
    dataType: 'json',
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    maxFileSize: 8000000,
    imageMaxWidth: 1920,
    imageMaxHeight: 1080,
    imageCrop: true 
});

function uploadFile(files, editor, welEditable) {

    if (files == null) {
        return;
    }

    $('#fileupload').fileupload('send', {files: files})
        .success(function (result, textStatus, jqXHR) {
            //
        });
    });
}

我什至添加了图像 maxWidth/Height 参数，但图像无法重新调整大小。当我在其他区域使用 jquery 文件上传时，图像大小有效，但是当使用发送调用时，它无法调整它们的大小。

这是一个错误还是我遗漏了一些明显的东西？

谢谢， -保罗

Answer 1

您是否包含此处列出的额外必需的 JS 文件？

https://github.com/blueimp/jQuery-File-Upload/wiki/Client-side-Image-Resizing

如果是这样，您似乎需要设置 "disableImageResize: false"

jquery 使用发送时，文件上传不会在客户端调整图像大小

jquery file upload not resizing images client side when using send

javascript

jquery

jquery-file-upload

summernote