如何在blueimp jquery fileupload中设置缩略图大小？

Question

它的疯狂，但我无法谷歌。

我的电话：

$('.fileupload').fileupload({ 
    dataType: 'json', 
    done: function(e, data) { 
     $.each(data.result.files, function(index, file) { 
      // do something with file and index 
     }); 
    } 
}); 

应该有地方设置缩略图大小的选项，对不对？

Thx提前

Answer 1

你说的是表单显示还是上传的img宽度？

要更改上传IMG的宽度/高度是非常简单的： 你会找到最选项：

./server/php/UploadHandler.php

那里你可以改变上传IMG 的上线146

 'thumbnail' => array(
      // Uncomment the following to use a defined directory for the thumbnails 
      // instead of a subdirectory based on the version identifier. 
      // Make sure that this directory doesn't allow execution of files if you 
      // don't pose any restrictions on the type of uploaded files, e.g. by 
      // copying the .htaccess file from the files directory for Apache: 
      //'upload_dir' => dirname($this->get_server_var('SCRIPT_FILENAME')).'/thumb/', 
      //'upload_url' => $this->get_full_url().'/thumb/', 
      // Uncomment the following to force the max 
      // dimensions and e.g. create square thumbnails: 
      //'crop' => true, 
      'max_width' => 205, 
      'max_height' => 155 
     ) 

Answer 2

大小的文件重定向到自己uplo ader服务器端脚本：

$('#fileupload').fileupload({ 
     url: 'my_uploader.php', 
     dataType: 'json', 
     ... 
}); 

设置UploadHandler对象的选项。传入图像的所有调整大小的版本（甚至更多）都可以在那里配置。

my_uploader.php：

<?php 
include "lib/jQuery-File-Upload/server/php/UploadHandler.php"; 

$options = array(
    'upload_dir'=>'photo/', 
    'upload_url'=>'photo/', 

    'image_versions' => array(
       '' => array(), // original 

       'medium' => array(
        'max_width' => 800, 
        'max_height' => 800 
       ), 
       'thumbnail' => array(
        'crop' => true, 
        'max_width' => 300, 
        'max_height' => 300 
       ) 
      ) 
    ); 
$upload_handler = new UploadHandler($options); 
?>