Отправка файлов на php через ajax

394

11 июля 2017, 22:17

Доброго времени суток! Есть некоторая форма, которая передает сообщение. Передавала она на server.php таким кодом:

function sendAjaxForm(infoBox, addUser, url) {
    jQuery.ajax({
        url:     'server.php', 
        type:     "POST",
        dataType: "html",
        data: jQuery("#"+addUser).serialize(), 
        success: function(response) { 
            result = jQuery.parseJSON(response);
            document.getElementById(infoBox).innerHTML += "<tr><td><b>"+result.name+"</b></td></tr><tr><td>"+result.msg+"</td></tr>";// ИСПРАВИТЬ
        },
        error: function(response) { // Данные не отправлены
            document.getElementById(infoBox).innerHTML = "Ошибка. Данные не отправленны.";
        }
    });
}

Теперь я захотел присоединять к сообщению еще и файлы через

<input type='file' name='msgFile'>

Вопрос: как изменить скрипт (1) чтобы на server.php улетал еще и файл с последующей загрузкой через FTP?

Answer 1

<form action="action" method="post" class="cl_form" enctype="multipart/form-data">
jQuery('.cl_form').submit(function(e)
{
var formData = new FormData($(this).get(0));
jQuery.ajax({
    [...]
            data:formData,
            cache:false,
            processData: false,
            contentType: false,
    [...]
}

Answer 2

Можно так

Можно еще и так , но это через XMLHttpRequest.