使用jquery fileupload插件的拖放選項限制上傳文件的文件類型和總大小

Question

我是Jquery的新手 ，我使用blueimp jquery.fileupload插件上傳文件。 在我的應用程序中，只限於某些類型的文件，如.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........            
        }
});

您應該檢查回調API