مشكل در ارسال فايل به ايميل

با عرض سلام و خسته نباشيد
من كد آپلودر موسوم به mini-upload-form را دانلود كردم و كمي آنرا تغيير دادم .
اين آپلودر به صورت drag and drop كار ميكند كه براي من بسيار مهم بود .كد در بخش آپلود به خوبي كار مي كند و فايل ها در پوشه مربوطه آپلود شده و قرار مي گيرند.من كد هايي در صفحه آپلود اضافه كردم تا بعد از آپلود از طريق كدهاي پي اچ پي فايل را به ايميل ارسال كنم.ولي فايلي به ايميل ارسال نمي شود .
كدهاي اضافه شده در صفحه upload.php و بخش my code مشخص شده است .
براي اينكه خطاي صفحه آپلود را ببينم دكمه سابميتي به فرم اضافه كردم .
با زدن دكمه سابميت عليرغم اينكه فايل آپلود مي شود ولي باز فقط ارور ميدهد و از آن مهم تر كدهاي بخشي كه در صورتي كه فايلي ضميمه شده است بايد اجرا شود را اجرا نمي كند . در صورتي كه آپلود در سرور براي من چندان مهم نيست و اصل كار ارسال فايل به ايميل است . يعني در حقيقت من فرمي را ميخواهم كه فايل را به صورت drag and drop با آن به ايميل ارسال كنم .
لطفا پروژه ضميمه شده را مشاهده فرموده و راهنمايي و در صورت امكان كدهاي درست را ضميمه بفرماييد

چرا اينجا قابليت ضميمه نداره ؟
كد ايندكس

کد:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Mini Ajax File Upload Form</title>  <link href="assets/css/style.css" rel="stylesheet" /> </head> <body> <form id="upload" method="post" action="upload.php" enctype="multipart/form-data"> <div id="drop"><p> Drop Here</p> <a>Browse</a> <input type="file" name="upl" multiple /> </div> <button type="submit" id="btn1" name="btn2" > submit</button> <ul>  </ul> </form> <footer> <h2><a href="http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/"><i>Tutorial:</i> Mini Ajax File Upload Form</a></h2> <div id="tzine-actions"> <a id="tzine-download" href="http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/" title="Download This Example!">Download</a> </div> </footer>  <script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.knob.js"></script>  <script src="assets/js/jquery.ui.widget.js"></script> <script src="assets/js/jquery.iframe-transport.js"></script> <script src="assets/js/jquery.fileupload.js"></script>  <script src="assets/js/script.js"></script> </body> </html>

- - - Updated - - -

كد صفحه آپلود

نقل قول:

<?php
// my code
$attachment =$_FILES['upl']['name'];
echo $attachment ."<br>";
@$attachment=$_FILES['upl']['name'];
$name ="ali";
$from="example@yahoo.com";
$to="mymail@yahoo.com";
$subject="upload form";
$message = "this is an sample upload form";
$max_file_size = 1000; //
$formats = array('jpg','gif','png' ,'txt' ,'zip');

if ( empty($name) || empty($from) || empty($message) ){
die("required field !<br>");
}

if (!preg_match('/[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+/',$from)){
die("innvalid email!<br>");
}

$hash = md5(uniqid(time()));
$header = "";
$header .= "From: ".$name."<".$from.">\nReply-To: ".$from."";

$header .= "MIME-Version: 1.0\n";
$header .= "Content-Type: multipart/mixed; boundary="".$hash.""\n\n";
$header .= "This is a multi-part message in MIME format.\n";

$header .= "--".$hash."\n";
$header .= "Content-type: text/html; charset=utf-8\n";
$header .= "Content-Transfer-Encoding: 7bit\n\n";
$header .= $message."\n\n";

if (!empty ($attachment)) {

$tmp_name = $_FILES['upl']['tmp_name'];
$type = $_FILES['upl']['type'];
$file_name = $_FILES['upl']['name'];
$file_size = $_FILES['upl']['size']/1024;

if ($file_size>$max_file_size) {
die("max file size is ".$max_file_size." K B<br>");}

@$ext = end(explode('.',$file_name));
if(!in_array($ext,$formats)){
echo "innvalid extension ! the valid extension are";
foreach($formats as $value){
echo $value." , ";
}echo " type<br>"; die('');}

$content = chunk_split(------_encode(file_get_contents($tmp_name)));
$header .= "--".$hash."\n";
$header .= "Content-Type: application/octet-stream; name="".$file_name.""\n";
$header .= "Content-Transfer-Encoding: ------\n";
$header .= "Content-Disposition: attachment; filename="".$file_name.""\n\n";
$header .= $content."\n\n";

$sendemail = @mail($to,$subject,null,$header);

if($sendemail)
{
echo "your message has been sent.<br>";
}
else
{
echo "sorry .your message not be sent ! something is wrong ! try again ...<br>";
}
}

// orginal code

// A list of permitted file extensions
$allowed = array('png', 'jpg', 'gif','zip', 'txt');

if(isset($_FILES['upl']) && $_FILES['upl']['error'] == 0){

$extension = pathinfo($_FILES['upl']['name'], PATHINFO_EXTENSION);

if(!in_array(strtolower($extension), $allowed)){
echo '{"status":"error"}';
exit;
}

if(move_uploaded_file($_FILES['upl']['tmp_name'], 'uploads/'.$_FILES['upl']['name'])){
echo '{"status":"success"}';
exit;
}
}

echo '{"status":"error"}';
exit;
?>

كد script.js

کد:

$(function(){ $(document).ready(function(){ $('#drop input').css("display","none"); }); var ul = $('#upload ul'); $('#drop a').click(function(){ // Simulate a click on the file input button // to show the file browser dialog $('#upload').find('input').click(); }); // Initialize the jQuery File Upload plugin $('#upload').fileupload({ // This element will accept file drag/drop uploading dropZone: $('#drop'), // This function is called when a file is added to the queue; // either via the browse button, or via drag/drop: add: function (e, data) { var tpl = $('<li class="working"><input type="text" value="0" data-width="48" data-height="48"'+ ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#3e4043" /><p></p><span></span></li>'); // Append the file name and file size tpl.find('p').text(data.files[0].name) .append('<i>' + formatFileSize(data.files[0].size) + '</i>'); // Add the HTML to the UL element data.context = tpl.appendTo(ul); // Initialize the knob plugin tpl.find('input').knob(); // Listen for clicks on the cancel icon tpl.find('span').click(function(){ if(tpl.hasClass('working')){ jqXHR.abort(); } tpl.fadeOut(function(){ tpl.remove(); }); }); // Automatically upload the file once it is added to the queue var jqXHR = data.submit(); }, progress: function(e, data){ // Calculate the completion percentage of the upload var progress = parseInt(data.loaded / data.total * 100, 10); // Update the hidden input field and trigger a change // so that the jQuery knob plugin knows to update the dial data.context.find('input').val(progress).change(); if(progress == 100){ data.context.removeClass('working'); } }, }); // Prevent the default action when a file is dropped on the window $(document).on('drop dragover', function (e) { e.preventDefault(); }); // Helper function that formats the file sizes function formatFileSize(bytes) { if (typeof bytes !== 'number') { return ''; } if (bytes >= 1000000000) { return (bytes / 1000000000).toFixed(2) + ' GB'; } if (bytes >= 1000000) { return (bytes / 1000000).toFixed(2) + ' MB'; } return (bytes / 1000).toFixed(2) + ' KB'; } });