使用blueimp文件上傳單個文件上傳問題

Question

我正面臨blueimp jquery文件上傳的一個奇怪問題。

在我的表單中，我有多個文件輸入字段。每個輸入字段只能接受一個文件。

我所做的第一件事，就是刪除文件輸入的多個選項。我現在投入的樣子：

<input type="file" name="userfile-photo" id="userfile-photo" data-field="photo" /> 

以後，我通過設置以下選項禁用拖放：

dropZone: null, 

形式上傳通過點擊一個按鈕觸發。

我現在遇到的問題是這樣的： 我使用這個文件輸入字段選擇一個文件，然後我重複使用相同的輸入字段選擇文件四次或五次的相同動作。在提交期間，我使用相同的輸入字段選擇的所有文件開始上傳。

我預計這裏的行爲是，在輸入變化時，先前的輸入被清除。

Answer 1

要強制執行一個文件上傳限制，可以使用maxNumberOfFiles選項。在你的情況下將此選項設置爲1。

您還需要從您的輸入字段中刪除已經完成此部分的多個屬性。

maxNumberOfFiles

此選項限制允許使用該小組件上傳 文件的數量。默認情況下，允許無限制的文件上傳。

類型：整數

實施例：10

注意：maxNumberOfFiles選項取決於 的getNumberOfFiles選項，這是由用戶界面和AngularJS 實現定義。

Answer 2

你可能想

sequentialUploads: true, 
limitConcurrentUploads: 1, 
maxNumberOfFiles: 1 

選項的組合。

您還可以偵聽添加回調的文件並自行禁用輸入。這些回調在文檔中列出。添加的事件是'fileuploadadd'在角中使用像這樣：

 $scope.$on('fileuploadadd', function(e, data){ 
      //file added, stop any more uploads 
     });