使用具有不同文件 ID 的 ajaxFileUpload 上传多个文件答案

【问题标题】：upload multiple files with ajaxFileUpload with different file ids使用具有不同文件 ID 的 ajaxFileUpload 上传多个文件
【发布时间】：2014-10-20 16:31:31
【问题描述】：

我正在尝试以相同的形式上传多个文件。多个文件应位于不同的字段中。我将 ajaxfileuploader 用于单个文件并使用 MultipartHttpServletRequest 接收它。而且很成功。

我用过

 $.ajaxFileUpload
(
{
        url: 'uploadfile',
        secureuri: false,
        fileElementId:'setup',
        dataType: 'text',
        data: { id: id },
        success: function (data, status) {

            if (status == 'success') {

                return;
            } else {
            }

        },
        error: function (data, status, e) {
            return alert('Error ! Failed to upload file!');
        }
    }
)

但我的问题是我有很多文件要通过单个请求上传。例如 setup1,setup2,setup3（不同的 id）。如何在 ajaxFileUpload 上提供多个 id？感谢您的友好回复

谢谢

【问题讨论】：

标签： javascript jquery ajax spring file-upload

【解决方案1】：

您可以将该代码包装在一个函数中并多次调用它，因为该插件不支持一次请求中的多个元素

var uploadFile = function (elementID) {
    $.ajaxFileUpload({
        url: 'uploadfile',
        secureuri: false,
        fileElementId: elementID,
        dataType: 'text',
        data: {
            id: id
        },
        success: function (data, status) {
            if (status == 'success') {
                return;
            } else {}
        },
        error: function (data, status, e) {
            return alert('Error ! Failed to upload file!');
        }
    });
};

那就这样用吧

uploadFile('file1');
uploadFile('file12');

【讨论】：

【解决方案2】：

考虑使用这个 JQuery 插件进行 multiUpload。 http://hayageek.com/docs/jquery-upload-file.php

【讨论】：