上传jQuery ajax w /额外的数据对象

时间:2015-01-14 23:25:18

标签: php jquery ajax

使用答案from here我可以成功将图像上传到php。

$(document).ready(function (e) {
$('#imageUploadForm').on('submit',(function(e) {
    e.preventDefault();
    var formData = new FormData(this);

    $.ajax({
        type:'POST',
        url: $(this).attr('action'),
        data:formData, // << i would like to send more object variables
        cache:false,
        contentType: false,
        processData: false,
        success:function(data){
            console.log("success");
            console.log(data);
        },
        error: function(data){
            console.log("error");
            console.log(data);
        }
    });
}));

$("#ImageBrowse").on("change", function() {
    $("#imageUploadForm").submit();
});

});

问题:使用此功能,我如何向php发送额外的帖子数据对象? 通常情况下,我可以发送var dataObj = {a1:a1,a2:a2}之类的数据对象,这会从上面替换formData
但由于formData占据data条目,我似乎无法附加$_POST {1}} PHP的对象。

1 个答案:

答案 0 :(得分:1)

您可以使用formData

将更多数据附加到append()对象
$('#imageUploadForm').on('submit',(function(e) {
    e.preventDefault();
    var formData = new FormData(this);

    formData.append('key', 'value');

    $.ajax({
        ...
    });
}));