使用jQuery Iframe传输插件发送文件和数据

Question

I want to upload files and a few hidden fields to server using jQuery iframe-transport plugin.

http://cmlenz.github.com/jquery-iframe-transport/

I have form on the page, that contains inputs with type 'file' and 'hidden'. I use code:

$("#fileupload").submit(function() {
    progress(1);
    var data = $(":hidden", this).serializeArray();
    console.log(data);
    $.ajax(this.action, {
        data: data,
        processData: false,
        files: $(":file", this),
        iframe: true
    }).complete(function(data) {
        progress(0);
    });
    return false;
});

Variable 'data' contains:

[ { name: "description_0", value: "111"}, { name: "description_1", value: "222"}]

Files are sent to server, but data is not. I see information about files in Post tab in Firebug. There is no data info.

Can someone explain, why data info is not sent?

Answer 1

尝试使用序列化表单，并且输入的类型为“文件”的文件不会发送：“文件选择元素中的数据未序列化”。