jQuery File Upload Plugin single-file-uploads 删除了取消按钮选项

Question

您好，我正在与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 使用 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
        });

更新如下：

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

希望对你有帮助

谢谢