使用带有不同文件ID的ajaxFileUpload上传多个文件

时间:2014-08-27 07:26:56

标签: javascript jquery ajax spring file-upload

我正在尝试以相同的形式上传多个文件。多个文件应位于不同的字段中。我使用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?感谢您的回复

谢谢

2 个答案:

答案 0 :(得分:0)

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

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');

答案 1 :(得分:0)

考虑将此JQuery插件用于multiUpload。 http://hayageek.com/docs/jquery-upload-file.php