Question

我正在使用jquery file upload与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文件上传时，图像大小调整起作用，但是当使用send调用时，它无法调整大小。

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

谢谢， -Paul

Answer 1

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

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

如果是这样，看起来你需要设置＆＃34; disableImageResize：false＆＃34;

使用send时，jquery文件上传没有调整图像客户端的大小

1 个答案: