蓝色小恶魔文件上传客户端大小图像调整和裁剪。

Question

我正在使用这个jQuery图片上传插件https://github.com/blueimp/jQuery-File-Upload

我需要在客户端对图像进行调整/裁剪，以便它具有准确的高度和宽度，然后上传到服务器。

这是用于上传的脚本部分，它可以正常工作，唯一的问题是，它只调整图像大小而没有裁剪，结果我上传的图像的宽度为150像素，高度为133像素（尽管初始图片的高度和宽度超过1000像素，我想要的是150像素的准确高度和宽度）。从选项列表中，我认为imageCrop应该解决问题，https://github.com/blueimp/jQuery-File-Upload/wiki/Options#imagecrop，但它并没有。我做错了什么，还是插件不支持我需要的功能？如果是这样，是否有任何方法可以使用某些外部库/函数来实现我所需的功能？

谢谢

编辑：

我也尝试了这些选项

 canvas: true,
 cover: true,
 crop: true,
 thumbnail: true,
 aspectRatio: '1/1'

但是没有用

$('#fileupload').fileupload({
    url: 'test.php'
     dataType: 'json',
     imageCrop: true,
     process: [
         {
             action: 'load',
             fileTypes: /^image\/(gif|jpeg|png)$/,
             maxFileSize: 20000000 // 20MB
         },
         {
             action: 'resize',
             maxWidth: 150,
             maxHeight: 150,
             minWidth: 150,
             minHeight: 150,
             imageCrop: true
         },
         {
             action: 'save'
         },
         {action: 'duplicateImage'},
         {
             action: 'resize',
             maxWidth: 100,
             maxHeight: 100,
             minWidth: 100,
             minHeight: 100,
             imageCrop: true
         },
         {
             action: 'save'
         }
     ], ...

- dav

Answer 1

根据"blueimp"手册进行客户端图像调整，您需要将选项disableImageResize设置为false。请注意保留html标签。

$('#fileupload').fileupload({
    url: 'test.php',
    dataType: 'json',
    disableImageResize: false,
    imageMaxWidth: 800,
    imageMaxHeight: 800,
    imageCrop: true
})

源代码的引用。

- JuZer