上载要附加的文件，然后使用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();

我尝试了很多代码，现在真的很沮丧。 抱歉，这很简单，但是我无法解决我的问题。

谢谢！

UPDATE1：

我在我的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中返回成功，我该如何打开它

“睡眠（3）”

到上传文件所需的时间？

更新2：

upload.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);  }

upload2.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({

Answer 2

我认为您应该在代码的以下行中尝试使用.done而不是.then

$.when( enviando1(), enviando2() ).then( function(){ 

该方法将在所有请求解析后立即解决其.done请求（enviando1（），enviando1（）） ，或者在其中一个请求被拒绝后立即拒绝.done请求。

Answer 3

您想使用动态文件名，但是具有$ var3和$ var6静态文件。 使用它来获取要上传的文件的名称。

$var6 = $(presentacion_web).val().split('\\').pop();
$var3 = $(diseno_aprobado_web).val().split('\\').pop();