jQuery文件上传插件单文件上传已删除取消按钮选项

时间:2016-09-23 12:01:55

标签: jquery asp.net-mvc jquery-file-upload blueimp

您好我正在与JQuery File Upload plugin合作。

效果很好,我已经用它实现了一些功能。但是,我需要批量上传所有文件。这可以通过设置选项来实现:singleFileUploads: false

$('#fileupload').fileupload({
  // Uncomment the following to send cross-domain cookies:
  //xhrFields: {withCredentials: true},
  autoUpload: false,
  singleFileUploads: false,
  //sequentialUploads: true,
  previewMaxWidth: 160
  });

但是,如果激活该选项,则每个文件的取消按钮都会消失。例如: 使用singleFileUploads:true enter image description here 使用singleFileUploads:false enter image description here

我理解禁用异步上传后禁用取消按钮的逻辑。

但是,我需要修改控件以显示取消按钮。我按照需要批量上传同步的几个步骤上传多个文件。按钮取消可以帮助用户组织和纠正所需文件中的错误。任何人都可以帮我告诉我,我怎样才能修改控件来实现这一目标。

我想我必须修改jquery.fileupload.js库。不幸的是,我在那里迷了路。

我想澄清一些事情。我需要在同一个电话中接收所有文件。我有一个方法上传,在验证之前收集它们。 enter image description here

因此,库马尔提出的改变对我没有帮助。 enter image description here

1 个答案:

答案 0 :(得分:1)

您可以尝试以下脚本:

$('#fileupload').fileupload('option', {
            maxChunkSize: 10000,
            resizeMaxWidth: 1920,
            resizeMaxHeight: 1200,
            maxNumberOfFiles: 1,
            limitConcurrentUploads: 1,
            sequentialUploads: true,
            singleFileUploads:true
        });
  

在下方更新:

您还可以在HTML中添加按钮,如下所示

<span class="btn btn-success fileinput-button">
                    <i class="icon-plus icon-white"></i>
                    <span>Add files...</span>
                    <input type="file" name="files[]" multiple>
                </span>

仅更新input

来自

<input type="file" name="files[]" multiple>

<input type="file" name="files">

只需删除[]multiple,它就会禁止您从选择文件窗口中选择多个文件,这肯定会有效。

希望它可以帮到你

由于