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

时间:2016-09-28 11:37:39

标签: jquery file-upload blueimp

它很疯狂,但我无法谷歌。

我的电话:

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

应该有一个选项可以在某处设置缩略图大小,对吗?

提前谢谢

2 个答案:

答案 0 :(得分:1)

您是在谈论表单显示还是上传的img的宽度?

更改上传的img的宽度/高度非常简单: 您将在以下位置找到最多选项:

  

./服务器/ PHP / UploadHandler.php

您可以在第146行更改上传的img 的大小

const initialState = [];

答案 1 :(得分:1)

将文件重定向到您自己的上传服务器端脚本:

$('#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);
?>