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

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