Question

我正在尝试通过带有一些图像的ajax提交表单以下代码返回一个对象（在console.form中），“FormData”，但是如何使用它或检索它，以及是否正确。

$("#form_galeria").unbind('submit').bind('submit', function(e) {
    e.preventDefault();
    var url = 'salvarGaleria.do';

    var form;
    form = new FormData();

    form.append('fileUpload', e.target.files);
    console.log(form);

    $.ajax({
        type: "POST",
        url: url,
        data: $("#form_galeria").serialize(),
        processData: false,
        contentType: false,
        success: function(result) {
            console.log(result);
        },
        error: function(err) {
            console.log(err.status + ' - ' + err.statusText);
        }
    });

    $('#multiplas').modal('hide');
    return false;
});

Answer 1

将ajax data选项设置为FormData对象。如果您希望将这些字段值与文件上载一起发送，则需要向FormData对象添加任何字段值。此外，您必须附加每个单独的文件，您不能只附加e.target.files集合

for(var i=0; i<e.target.files.length; i++){
    form.append("fileUpload[]",e.target.files[i]);
}
//or if you are only doing a single file
//form.append("fileUpload",e.target.files[0]);

form.append("someField",jQuery("#someField").val());
form.append("someOtherField",jQuery("#someOtherField").val());

$.ajax({
    type: "POST",
    url: url,
    data: form,
    processData: false,
    contentType: false,
    success: function(result){
      console.log(result);
    },
    error: function(err){
      console.log(err.status + ' - ' + err.statusText);
    }
});

如何为Ajax上传文件

1 个答案: