php - 带附件的表单 - jquery ajax php

Question

您好，我想附加一个文件并使用 jQuery AJAX 和 PHP 发送它，现在它只是发送文本，有人可以帮助我了解附加文件并发送电子邮件的操作吗，

然后我将继续进行验证，

实现后我会展示完整的解决方案

这是表格

           <form class="parte-form" enctype="multipart/form-data">  
                <input type="text" class="txt-field txt-full pName" name="pName" placeholder="* Nombre" required="required">
                <div class="half-input-cont">
                    <input type="text" class="txt-field txt-half" name="pPhone" placeholder="Telefono">
                    <input type="text" class="txt-field txt-half" name="pEmail" placeholder="* Correo" required="required">
                </div> 
                <textarea class="txt-field txt-full txt-area" placeholder="Mensaje" name="pMsg"></textarea>
                <div class="input-cont">
                    <label class="txt-file" for="cv">Adjuntar C.V.<p>Seleccionar archivo</p> <span>No se ha elegido archivo</span></label> 
                    <input type="file" class="txt-file-btn" id="cv" name="pFile">
                </div>
                <div class="more-btn-cont form-btn-cont">
                    <input type="hidden" name="frm-action" value="par-form">
                    <input type="submit" class="btn btn-blue-l btn-par" name="pPar" value="Enviar solicitud">
                </div> 
            </form>

这是要发送的数据准备 - jQuery Ajax

$(data);
function data(){
    $('.btn-par').click(parte);
}

    function parte(e){ 
        e.preventDefault(); 
        var data = $('.parte-form').serializeArray();
        $.ajax({ 
            type: "POST",
            url: "data/comp-actions.php",
            data: data,
            beforeSend: function(){
            },
            success: function (response) {
                if (response == 1) {
                    var name = $('.pName').val();
                    $('.popup-name').html(name)
                    $('.popup-send').removeClass('hidden'); 
                    $('.popup-close').click(function(){
                        $('.popup-send').addClass('hidden');
                    });
                } else {
                    console.log('Error al enviar');
                }
            }
        });
    }

这是数据收集和发送者 - PHP

    //Cotizar values
$pName = $_POST['pName'];
$pPhone = $_POST['pPhone'];
$pEmail = $_POST['pEmail'];
$pMsg = $_POST['pMsg']; 
$pPar = $_POST['pPar'];

 //File name 
$fileName = $_FILES['pFile']['name'];
$fileTmp = $_FILES['pFile']['tmp_name'];
$filePath = "files/".$fileName;

//File metadata
$fileType = $_FILES['pFile']['type'];
$fileSize = $_FILES['pFile']['size'];
// $fileError = $_FILES['pFile']['error'];


//Send mail
if($pName != "" && $pEmail != ""){
    $to = "<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c7aabe87a2aaa6aeabe9a4a8aa" rel="noreferrer noopener nofollow">[email protected]</a>";
    $subject = "$pName Desea unirse al equipo";
    $headers = "From: $pEmail";
    $info = "$pName, se comunica con nosotros para unirse al equipo\n"
        . "\n"
        . "\n"
        . "Datos del solicitante\n"
        . "Nombre: $pName\n"
        . "Telefono: $pPhone\n"
        . "Email: $pEmail\n"
        . "mensaje: $pMsg\n"
        . "\n"
        . "\n"
        . "Datos del archivo\n"
        . "Archivo: $fileName\n"
        . "Tipo de archivo: $fileType\n"
        . "Tamaño del archivo: $fileSize\n"
        . "Ruta del archivo: $filePath\n"
        . "\n"   
        . "\n"
        . "\n";
    if (mail($to, $subject, $info, $headers)) {
        echo 1;
    }else{
        echo 0;
    }
}

Answer 1

也使用 FormData 获取文件内容

var form = $(".parte-form")[0];
var data = new FormData(form);

在你的ajax调用中，设置

processData: false