Как реализовать отправку изображения при помощи drag and drop с Ajax загрузкой?

Question

[Андрей]

Помогите пожалуйста, не могу понять как при помощи drag and drop и ajax отправляется изображение, когда сделал аякс запрос в нижеприведённом коде, мне выкидывет ошибку, мол это объект и его послать нельзя. Как всё таки можно сделать не применяя библиотеки uploadAjax и подобные, только jquery, jquey-UI. Пробовал через XMLHttpRequest, сервер говорит, что всё норм изображение загрузилось, но ничего не происходит. PHP код правильно написан, я проверял через инпут и заргузка была успешная, но тут беда. Пробовал FormData создавать и в ajax запихать переменную, но происходит та же истроия, как с dataTransfer. Уже просто очень много сайтов переискал, не могу найти где об этом подробно пишут. Весь код показывать я не буду, так как не вижу смысла, потому что там нету ошибок, именно этот момент, когда нужно прехватить файл и отправить его на сервер.

dropZone[0].ondrop = function(event) {
              event.preventDefault();
              var file = event.dataTransfer.files[0]
                    console.log(file);
               $.ajax({
                url: "index.php",
                type: "POST",
                data: {file: file}
               }).done(function(data){
                alert(data);
               });
                      
          };

Answer 1

[lnked]

dropZone[0].ondrop = function(e) {
    e.preventDefault();
    var file = e.dataTransfer.files[0]
    console.log(file);
    $.ajax({
        url: "index.php",
        type: "POST",
        data: {file: file},
        contentType: false,
        processData: false
    }).done(function(data){
        alert(data);
    });
};

Comments

[Андрей]

да спасибо, вот теперь ошибок нету, правда сервер ответа не даёт, уже близко к решению)