blueimp文件上载的单个文件上载问题

Single File Upload issue with blueimp file upload

本文关键字：文件 上载 问题 单个 blueimp      更新时间：2023-09-26

我在上传blueimp jquery文件时遇到了一个奇怪的问题。

在我的表单中，我有多个文件输入字段。每个输入字段只能接受一个文件。

我首先做的是删除文件输入的多选项。我的输入现在看起来像：

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

然后我通过设置以下选项禁用了拖放：

dropZone: null,

表单上传是通过单击按钮触发的。

我现在遇到的问题是：我使用这个文件输入字段选择一个文件，然后使用相同的输入字段重复选择文件的相同操作四到五次。在提交过程中，我使用相同的输入字段选择的所有文件都开始上传。

我预计这里的行为是，在输入更改时，前一个输入被清除。

要强制执行一个文件上传限制，可以使用maxNumberOfFiles选项。在您的情况下，将此选项设置为1。

您还需要从您的输入字段中删除multiple属性，您已经完成了这一部分。

最大文件数

此选项限制允许上载的文件数使用此小部件。默认情况下，允许无限制的文件上传。

类型：整数

示例：10

注意：maxNumberOfFiles选项取决于getNumberOfFiles选项，由UI和AngularJS定义实现。

您可能想要的组合

sequentialUploads: true,
limitConcurrentUploads: 1,
maxNumberOfFiles: 1

选项。

您也可以监听文件添加的回调，并自己禁用输入。这些回调在文档中列出。添加的事件是像这样在angular中使用的"fileuploadadd"：

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