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选项，由UI和AngularJS定义   的实施方式。

Answer 2

您可能需要

的组合

sequentialUploads: true,
limitConcurrentUploads: 1,
maxNumberOfFiles: 1

选项。

您还可以侦听文件添加的回调并自行禁用输入。这些回调列在文档中。添加的事件是'fileuploadadd'，如下所示：angular：

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