Отправить файл, используя ajax (JQUERY)

Question

Я пытаюсь отправить изображение с помощью AJAX. Хотя я продолжаю получать эту ошибку.

TypeError: 'append' вызывается для объекта, который не реализует интерфейс FormData.

Это мой код:

$(document).ready(function(){

$('#post').on('submit', function(e){
    e.preventDefault();
    var data = new FormData(this);
    $.ajax(
        {
            url: 'post_ajax/savePost',
            type: 'POST',
            dataType: false,
            contentType: false,
            pocessData: false,
            data: data,
            success: function (resultado) {
               console.log(resultado)
            }
        }
    ).done(
        function(json){
            if(json.data){
                console.log('Ajax correcto');
            }else{
                console.log('No se ha podido guardar el post');
            }
        }
    ).fail(
        function(){
            console.log('fallo en ajax');    
        }    
    );
});

});

А это моя HTML-форма:

<form id="post" enctype='multipart/form-data'>
     <textarea id="texto" rows="4" cols="50" placeholder="¿Que esta pasando?"></textarea> 
     <input type="file" id="media"/>
     <input type="submit" value="Submit"/>
</form>

Спасибо тебе !!

Answer 1

Я нашел этот ответ здесь :

var formData = new FormData(form[0]);
    formData.append('texto', texto);
    formData.append('media', archivo);

     $.ajax({
        url: 'post_ajax/savePost',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
          success: function(data){
             console.log(data);
          }
     });

Спасибо всем за все