使用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 
     });