javascript - 上传文件以附加，然后使用 phpmailer 和 jquery 将它们附加到邮件

Question

我的问题是:

我想成功上传 2 个文件到我的服务器，然后发送一封电子邮件附加这 2 个文件。但是当我调用 jquery 函数时，它只在成功上传之前发送电子邮件，我没有得到任何附件。我想等到上传完成，然后发送正确附加了 2 个文件的电子邮件。顺便说一句，我正在使用 PHPmailer。

我有这个html

    <form enctype="multipart/form-data" class="formulario2">
 <label for="cel" class="control-label">Presentación Corporativa</label>
 <div class="controls">
  <input type="file" name="file_name2" id="presentacion_web"                                                                          class="inputfile">
  <label for="presentacion_web" class="btn btn-primary">Elija un Archivo</label>
  <input id="nombre_archivo2" disabled>
  <div class="messages2"></div><br /><br />
 </div> 
</form>


<form enctype="multipart/form-data" class="formulario">
 <label for="dni" class="control-label">Diseño Aprobado</label>
 <div class="controls">
  <input type="file" name="file_name1" id="diseno_aprobado_web" class="inputfile">
  <label for="diseno_aprobado_web" class="btn btn-primary">Elija un Archivo</label>
  <input id="nombre_archivo1" disabled>
  <div class="messages"></div><br /><br />
 </div>
</form>

jquery 中的这个函数:

$var3 = $("#diseno_aprobado_web").val();
$var6 = $("#presentacion_web").val();
$var7 = $var3.substring(12);
$var8 = $var6.substring(12);
$.when( enviando1(), enviando2() ).then( function(){
        $.ajax({
            type: 'POST',
            data: ('var3='+$var7+'&var6='+$var8),
            url: 'send_mail.php',
            success: function(salida){
                alert('Mensaje Enviado');
            }
        });


    }).done( function(){
        console.log( ' Everything was OK!' );
      })
      .fail( function(){
        console.log( 'Something was failed' );
      });
function enviando1(){
    var formData = new FormData($(".formulario")[0]);
    var message = ""; 
    $.ajax({
        url: 'upload.php',  
        type: 'POST',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        beforeSend: function(){
            message = $("<span class='before'>Subiendo el archivo, por favor espere...</span>");
            showMessage(message); 
        },
        success: function(data){
            message = $("<span class='success'>El archivo ha subido correctamente.</span>");
            showMessage(message);
        },
        error: function(){
            message = $("<span class='error'>Ha ocurrido un error.</span>");
            showMessage(message);
        }
    });
};
    function showMessage(message){
        $(".messages").html("").show();
        $(".messages").html(message);
    }
function enviando2(){
    var formData2 = new FormData($(".formulario2")[0]);
    var message2 = "";   
    $.ajax({
        url: 'upload2.php',  
        type: 'POST',
        data: formData2,
        cache: false,
        contentType: false,
        processData: false,
        beforeSend: function(){
            message2 = $("<span class='before'>Subiendo el archivo, por favor espere...</span>");
            showMessage2(message2);        
        },
        success: function(data){
            message2 = $("<span class='success'>El archivo ha subido correctamente.</span>");
            showMessage2(message2);
        },
        error: function(){
            message2 = $("<span class='error'>Ha ocurrido un error.</span>");
            showMessage2(message2);
        }
    });
};
    function showMessage2(message2){
        $(".messages2").html("").show();
        $(".messages2").html(message2);
    }

还有这个 php 文件 (send_mail.php):

    require('phpmailer/class.phpmailer.php');
$bodytext = "Correct Message";

$email = new PHPMailer();
$email->From      = 'test@mydomain.com';
$email->FromName  = 'test bot';
$email->Subject   = 'New mail from phpmailer';
$email->Body      = $bodytext;
$email->AddAddress( 'test2@test2.com' );

$file_to_attach1 = 'folder/' . $_POST['var6'];
$file_to_attach2 = 'folder/' . $_POST['var3'];

$email->AddAttachment( $file_to_attach1 , $_POST['var6'] );
$email->AddAttachment( $file_to_attach2 , $_POST['var3'] );


      return $email->Send();

我尝试了很多代码，现在我真的陷入困境和沮丧。抱歉，如果事情很简单，但我无法得到我的问题的答案。

谢谢!

更新 1:

我在我的 upload.php 中发现了这个，我认为这是问题所在:

$file = $_FILES['file_name']['name'];
if ($file && move_uploaded_file($_FILES['file_name']['tmp_name'],"folder/".$file))
{
   sleep(3);
   echo $file;
}

这在 3 秒后在我的 ajax 中返回成功，我该如何改变它

"sleep(3)"

导入上传文件需要多少时间？

更新 2:

上传.php

if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){

$file = $_FILES['file_name1']['name'];

if(!is_dir("folder")) 
    mkdir("folder", 0777);

if ($file && move_uploaded_file($_FILES['file_name1']['tmp_name'],"folder/".$file)){
   sleep(3);
   echo $file;
}}else{    throw new Exception("Error Processing Request", 1);  }

上传2.php

if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){

$file = $_FILES['file_name2']['name'];

if(!is_dir("folder")) 
    mkdir("folder", 0777);

if ($file && move_uploaded_file($_FILES['file_name2']['tmp_name'],"folder/".$file))
{
   sleep(3);
   echo $file;
}}else{    throw new Exception("Error Processing Request", 1);}

Answer 1

添加返回

你有:

 function enviando1(){
        var formData = new FormData($(".formulario")[0]);
        var message = "";
        $.ajax({

必须是:

 function enviando1(){
        var formData = new FormData($(".formulario")[0]);
        var message = "";
        return $.ajax({

你有:

function enviando2(){
        var formData2 = new FormData($(".formulario2")[0]);
        var message2 = "";
        $.ajax({

必须是:

function enviando2(){
        var formData2 = new FormData($(".formulario2")[0]);
        var message2 = "";
        return $.ajax({