Question

我是Jquery的新手，我正在使用blueimp jquery.fileupload plugin上传文件。在我的应用程序中，只限于某种类型的文件，如.class，.java等。

那么如何指定仅限制某些类型的文件并允许上传所有其他类型的文件？我还必须指定上传的所有文件的最大大小而不是单个大小，但应限制所有文件的大小总和。

我已经在插件中为添加文件按钮实现了这两项内容。但我无法通过该插件中提供的拖放选项实现此功能。

代码就像：

$('#fileupload').fileupload('option', {
            disableImageResize: false,
            maxFileSize: 5000000,
            acceptFileTypes: /(\.|\/)(gif|jpe?g|png|txt)$/i
  });

所以它就像每个项目的最大大小和接受的文件类型。我想指定要限制的类型和要限制的所有文件的最大大小

Answer 1

首先，并非所有浏览器都支持文件大小限制 - 有些只支持名称而不支持任何其他数据。

现在，针对手头的问题 - 使用插件提供的回调。

$('#fileupload').fileupload('option', {
        add: function (e, result) { 
            // Here you can access properties like:
            // var type = result.files[0].type;
            // var size = result.files[0].size;
            // and so on........            
        }
});

您应该查看callbacks API

使用jquery fileupload插件的拖放选项限制上传文件的文件类型和总大小

1 个答案: