如何在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); 
?>