blueimp文件上傳的單個文件上傳問題

Question

我遇到了blueimp jquery文件上傳的奇怪問題。

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

我首先要做的是刪除文件輸入的Multiple選項。 我的輸入現在看起來像：

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

然后我通過設置以下選項禁用了拖放：

dropZone: null,

通過單擊按鈕觸發表單上載。

我現在遇到的問題是：我使用此文件輸入字段選擇一個文件，然后重復相同的操作，即使用相同的輸入字段選擇文件四到五次。 提交期間，我使用相同輸入字段選擇的所有文件都開始上傳。

我希望這里的行為是在輸入更改時清除了先前的輸入。

Answer 1

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

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

maxNumberOfFiles

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

類型：整數

示例：10

注意：maxNumberOfFiles選項取決於getNumberOfFiles選項，該選項由UI和AngularJS實現定義。

Answer 2

您可能想要組合

sequentialUploads: true,
limitConcurrentUploads: 1,
maxNumberOfFiles: 1

選項。

您還可以偵聽添加的文件回調並自己禁用輸入。 這些回調在文檔中列出。 添加的事件是'fileuploadadd'，在angular中使用如下：

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