jQuery / AJAX - 将附加数据与文件上载一起发送

时间:2015-06-29 07:37:33

标签: javascript jquery ajax file-upload jquery-file-upload

我使用jQuery将文件上传到服务器:

 $.ajax({
    url : 'http://www.example.com',
    dataType : 'json',
    cache : false,
    contentType : false,
    processData : false,
    data : formData, // formData is $('#file').prop('files')[0];
    type : 'post',
    success : function(response) {something}
   });

我想将附加参数与文件一起发送。可能吗?如果是 - 怎么样?

谢谢!

3 个答案:

答案 0 :(得分:1)

要发送其他参数,您只需将其附加到/image,如下所示:

formdata

答案 1 :(得分:0)

试试这个,

$( "form" ).on( "submit", function( event ) {
   var formData = $( this ).serialize();
    //$.ajax({}) //remaining code here 
});

答案 2 :(得分:0)

您必须使用FormData对象序列化表单,而不是仅发送文件。

var formData = new FormData($("form")[0]);