Прикрепить файл к форме ajax php?

Question

[Antonosyan]

Здравствуйте. Есть форма связи на php и ajax. Подскажите, как в нее добавить прикрепление файла. Заранее спасибо

<form method="POST" enctype="multipart/form-data">
<input type="text" id="name" value="">
<input type="text" id="phone" value="">
<input type="button" value="Отправить" id="send">
<div class="result"></div>
</form>

$(document).ready(function(){
            $('#send').click(function(){
                var name    = $('#name').val();
                var phone    = $('#phone').val();
                  
             $.ajax({
                    url: "mail.php", 
                    type: "post", 
                    dataType: "json", 
                    data: { // что отправляем
                        "name":    name,
                        "phone":   phone
                    },
                    success: function(data){
                        $('.result').html(data.result);
                    }
                });
            });
        });

<?php
   $msg_box = ""; 
    $errors = array(); 
    if($_POST['name'] == "")    $errors[] = "Имя";
    if($_POST['phone'] == "")    $errors[] = "Телефон";
   
    if(empty($errors)){  
        $message  = "<b>Имя:</b> " . $_POST['name'] . "<br/>";
        $message  .= "<b>Телефон:</b> " . $_POST['phone'] . "<br/>";
      
        send_mail($message); 
       $msg_box = "<span>Сообщение успешно отправлено!</span>";
    }else{
        $msg_box = "";
        foreach($errors as $one_error){
            $msg_box .= "<span>$one_error</span>";
        }
    }
    echo json_encode(array(
        'result' => $msg_box
    ));
     
    function send_mail($message){
        $mail_to = "[e-mail]"; 
        $subject = "Письмо с сайта";
        $headers= "MIME-Version: 1.0\r\n";
        $headers .= "Content-type: text/html; charset=utf-8\r\n";
        $headers .= "From: Message <[e-mail]>\r\n";
        mail($mail_to, $subject, $message, $headers);
    }

?>

Answer 1

[Дмитрий]

Добрый день.
Вы неверно отправляете файл при помощи ajax.
Добавьте в форму поле для выбора файла.
<input type="file">
Сделайте вот так.

Comments

[Antonosyan]

Спасибо.
А как быть с обработчиком?

[Дмитрий]

Antonosyan, в смысле? С php?
В документации по php есть простейший пример.
php.net/manual/ru/features.file-upload.php

[Дмитрий]

Antonosyan, да, ещё Вам надо прикрепить загруженный файл к сообщению?

[Antonosyan]

slo_nik, да