如何在运行时修改Blueimp jQuery-File-Upload的已配置选项？

Blueimp jQuery-File-Upload实例化后支持直接修改配置选项，无需刷新页面。你可以通过访问上传实例的options属性来更新singleFileUploads、maxNumberOfFiles和sequentialUploads这些配置项。

具体实现步骤 #

1. 保留你原有的初始化代码：

var uploadOBJ = $('#fileupload').fileupload({
    singleFileUploads: false,
    multipart: true,
    maxNumberOfFiles: 2,
    sequentialUploads: true
});

2. 监听下拉选择框的切换事件，根据用户选择更新配置：
   假设你的下拉选择框id为uploadMode，选项值分别对应pair（文件对模式）和batch（大量单个文件模式）：

$('#uploadMode').on('change', function() {
    const mode = $(this).val();
    if (mode === 'batch') {
        // 切换为大量单个文件模式
        uploadOBJ.options.singleFileUploads = true;
        uploadOBJ.options.maxNumberOfFiles = 50; // 替换为你需要的指定数量
        uploadOBJ.options.sequentialUploads = false;
    } else {
        // 恢复默认文件对模式
        uploadOBJ.options.singleFileUploads = false;
        uploadOBJ.options.maxNumberOfFiles = 2;
        uploadOBJ.options.sequentialUploads = true;
    }
});

注意事项 #

• 修改options属性后，相关配置会立即生效：
  • maxNumberOfFiles会在用户后续添加文件时自动校验数量；
  • singleFileUploads会改变后续上传请求的方式（单个文件独立请求/多文件合并请求）；
  • sequentialUploads会控制后续上传是否按顺序执行。
• 如果切换模式时已有文件在上传队列中，建议清空队列后让用户重新选择文件，避免新旧配置冲突。

内容的提问来源于stack exchange，提问作者Diplonics