以编程方式更改previewMaxWidth / jQuery File Upload(blueimp)的高度

时间:2012-05-12 01:39:52

标签: javascript jquery file-upload blueimp

我正在实施Blueimp jQuery文件上传器https://github.com/blueimp/jQuery-File-Upload,我想在添加第一张图片后更改 previewMaxWidth previewMaxHeight 。这是因为我有一个产品特征图像,然后是产品的后续视图,每个视图应显示小于特征图像。

这是我的文件上传调用:

$('.imageupload').fileupload({
    autoUpload : true,
    acceptFileTypes : /(\.|\/)(gif|jpe?g|png)$/i,
    previewMaxWidth : 198,
    previewMaxHeight : 800,
    uploadTemplateId : 'product-add-image-upload',
    downloadTemplateId : 'product-add-image-download'
}).bind('fileuploadadded', function(e, data) {
    // change preview width/height to 60px/60px after first image loaded
    // not sure what to put here

});

1 个答案:

答案 0 :(得分:8)

现有的option参数允许在窗口小部件初始化后更改选项

根据你的代码:

...

}).bind('fileuploadadded', function(e, data) {
    $('.imageupload').fileupload(
        'option',
        {
            previewMaxWidth: 60,
            previewMaxHeight: 60
        }
    );
});

有关更改选项的详细信息,请参阅官方API页面(选项部分)。