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

Question

它运行良好，我已经用它实现了一些功能。但是，我需要批量上传所有文件。这可以通过设置选项来实现：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 与 singleFileUploads: false

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

但是，我需要修改控件以仍然显示取消按钮。我按照需要批量上传同步的几个步骤上传多个文件。取消按钮可以帮助用户组织和更正所需文件中的错误。任何人都可以帮我告诉我，我该如何修改控件来实现这一点。

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

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

因此，Kumar 建议的更改对我没有帮助。

Answer 1

您可以尝试以下脚本：

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

Updated Below:

您在 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 它将不允许您从选择文件 window 中 select 多个文件，这肯定会起作用。

希望对你有帮助

谢谢

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

jQuery File Upload Plugin single-file-uploads removed cancel button option

jquery

asp.net-mvc

jquery-file-upload

blueimp