Send PDF file by mail using Ajax

Send pdf file by mail using Ajax

<form action="" method="post" id="mail_pdf">

<fieldset>

<!--?php if (!isset($errorC) || $errorC == true){ ?-->



<label for="email" class="blocklabel">E-Mail*</label>
<p class="&lt;?php if (isset($the_emailclass)) echo $the_emailclass; ?&gt;"><input name="email" id="email" class="input_bg input90" id="email" value="" type="text"></p>


<label for="chk1" class="blocklabel checkBoxSec"><input type="checkbox" id="chk1" name="chk1[]" value="1"/>Garbage Chutes</label> <label for="chk2" class="blocklabel checkBoxSec"><input type="checkbox" id="chk2" name="chk1[]" value="2"/>Debris Chute </label>
                        <label for="chk3" class="blocklabel checkBoxSec"><input type="checkbox" id="chk3" name="chk1[]" value="3"/>Linen Chute</label> <label for="chk4" class="blocklabel checkBoxSec"><input type="checkbox" id="chk4" name="chk1[]" value="4"/>Fire Door </label>


<label for="email" class="blocklabel"><a href="javascript:;" onclick="mail();" class="button downloadBtn">Download E-Brochure &nbsp;&nbsp;<img src="images/social/downarrow.png" alt=""/></a></label>


</fieldset>

</form>

<div id="loading" class="hide">Loading&#8230;</div>
<script>
function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}

function mail(){
var email = $('#email').val();
if(email==""){
$('#email').select();
$('#email').css('border-color', 'red');
alert("Please enter email");
}else{
if( !isEmail(email)) { alert("Please enter valid email"); $('#email').css('border-color', 'red');  $('#email').select(); return false; }
$( ".closePopUp" ).trigger( "click" );
$('#email').css('border-color', '');
$('#loading').removeClass( "hide" );
$('#loading').addClass( "loading" );
$.ajax({
method: "POST",
url: "contact_us_quote.php",
data: $('#mail_pdf').serialize()
}).done(function(response) {
$('#loading').removeClass( "loading" );
$('#loading').addClass( "hide" );
$('#email').val("");
alert("E-Brochure sent to your email.");
//window.location = "thank-you.php"
});

}

}


</script>

<style>
/* loder */
.hide{display:none;}
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* end loder */
</style>

action.php
***************

<?php

$email=$_POST['email'];


$temp =  $_POST['chk1'];

if(!empty($temp)){
     //$files = array();
    foreach($temp as $key=>$val){
     
        if($val=='1'){      
                $files[] = "pdf/Garbage_Chutes-Horizon_Enterprises.pdf";
         
        }else if($val=='2'){
            $files[] =  "pdf/Horizon_Debris_Chute_Catalog.pdf";
        }
        else if($val=='3'){
            $files[] = "pdf/Linen_Chute(laundry)-Horizon_Chutes.pdf";
        }
        else if($val=='4'){
            $files[] = "pdf/Horizon_Fire_Door_Catalog.pdf";
        }
    }
 
}

// array with filenames to be sent as attachment
//$files = array("file_1.pdf","");

// email fields: to, from, subject, and so on

$to = $email;
$from = "samrat.p@edreamz.in";
$subject ="Download E-Brochure";
$message= "Please check below brochure";
$headers = "From: $from";

// boundary
$semi_rand = md5(time());
$mime_boundary = "==Multipart_Boundary_x{$semi_rand}x";

// headers for attachment
$headers .= "\nMIME-Version: 1.0\n" . "Content-Type: multipart/mixed;\n" . " boundary=\"{$mime_boundary}\"";
$headers .= "\r\nCc: $cc";
$headers .= "\r\nBcc: $bcc";

// multipart boundary
$message = "This is a multi-part message in MIME format.\n\n" . "--{$mime_boundary}\n" . "Content-Type: text/html; charset=\"iso-8859-1\"\n" . "Content-Transfer-Encoding: 7bit\n\n" . $message . "\n\n";
$message .= "--{$mime_boundary}\n";

// preparing attachments


for($x=0;$x<count($files);$x++){
    $file = fopen($files[$x],"rb");
    $data = fread($file,filesize($files[$x]));
    fclose($file);
    $data = chunk_split(base64_encode($data));
  
   $names = explode("/",$files[$x]);


    $message .= "Content-Type: {\"application/octet-stream\"};\n" . " name=\"$names[1]\"\n" .
    "Content-Disposition: attachment;\n" . " filename=\"$names[1]\"\n" .
    "Content-Transfer-Encoding: base64\n\n" . $data . "\n\n";
    $message .= "--{$mime_boundary}\n";
}

// send

$ok = @mail($to, $subject, $message, $headers);
if ($ok) {
    echo "<p>mail sent to $to!</p>";
} else {
    echo "<p>mail could not be sent!</p>";
}




?>