<div>
<h1>Mail Demo Page</h1>
</div>
<div>
<form action='mail.php' method='post' id='mailForm' enctype='multipart/form-data'>
<table>
<tr>
<td> Name : </td>
<td><input type="text" id="name" name="name" placeholder='User Name'/>
<div id="invalid-name"></div>
</td>
</tr>
<tr>
<td> E-mail : </td>
<td><input type="email" id="email" name="email" placeholder='E-Mail'/>
<div id="invalid-email"></div>
</td>
</tr>
<tr>
<td> From E-mail : </td>
<td><input type="email" id="femail" name="femail" placeholder='From E-Mail'/>
<div id="invalid-femail"></div>
</td>
</tr>

<tr>
<td> Phone : </td>
<td><input type="tel" id="phone" name="phone" placeholder='Phone'/>
<div id="invalid-phone"></div>
</td>
</tr>
<tr>
<td> Image : </td>
<td><input type="file" id="image" name="image" placeholder='Image' accept="image/*"> <div id="invalid-image"></div></td>

</tr>

<tr>
<td> Message : </td>
<td><textarea cols="27" rows="5" id="message" name="message" placeholder='Message' value=''></textarea><div id="invalid-message"></td>

</tr>

<tr>
<td colspan="2"> <input type="submit" value="Send Mail!" id='submit_btn' name="submit_btn"/></td>
</tr>
<table>
</form>
</div>

“enctype=”multipart/form-data”

while defining the <form> tag. This is to tell the browser that this form will be used to upload files. Then we have added the “name” and “email” fields to collect the user info. The third form field is the file upload box.

<input type=”file” name=”image”>

On hitting the “Submit” button, the form data along with the file data is posted to the script pointed to by the ‘action’ attribute of the form.

Now just follow php part coding. I am using php mail plugin to send an email with attachment.

Step 1:

Create mail.php file and add the following php file (class.phpmailer.php).

require 'class.phpmailer.php';

Step 2:

Now add to email ID.

$to = "Your email ID";
$mail->AddAddress($to);

Step 3:

Now get from email id and name of the user.

$mail->From = $_POST['femail'];
$mail->FromName = $_POST['name'];

Step 4:

Now add subject of the mail.

$mail->Subject = "Test Email using PHP";

Step 5:

Now get message from the html form.

$body = "<table>
<tr>
<th colspan='2'>This Sample Mail</th>
</tr>

<tr>
<td>Name :</td>
<td>".$_POST['name']."</td>
</tr>

<tr>
<td>E-mail : </td>
<td>".$_POST['email']."</td>
</tr>

<tr>
<td>Phone : </td>
<td>".$_POST['phone']."</td>
</tr>
<tr> <td>Message : </td> <td>".$_POST['message']."</td> </tr> <table>";
$body = preg_replace('/\\\\/','', $body); //Strip backslashes

$mail->MsgHTML($body); 

Step 6:

Finally get the attachment and send it.

    $mail->AddAttachment($_FILES['image']['tmp_name'],
    $_FILES['image']['name']);

    $mail->IsHTML(true); // send as HTML

    $mail->Send();
    echo 'Message has been sent.';

<?php
/**
* Simple example script using PHPMailer with exceptions enabled
* @package phpmailer
* @version $Id$
*/

require 'class.phpmailer.php';

try {
$mail = new PHPMailer(true); //New instance, with exceptions enabled

$to = $_POST['email'];
$mail->AddAddress($to);
$mail->From = $_POST['femail'];
$mail->FromName = $_POST['name'];
$mail->Subject = "Test Email using PHP";

$body = "<table>
<tr>
<th colspan='2'>This Sample Mail</th>
</tr>

<tr>
<td style='font-weight:bold'>Name :</td>
<td>".$_POST['name']."</td>
</tr>

<tr>
<td style='font-weight:bold'>E-mail : </td>
<td>".$_POST['email']."</td>
</tr>

<tr>
<td style='font-weight:bold'>Phone : </td>
<td>".$_POST['phone']."</td>
</tr>

<tr>
<td style='font-weight:bold'>Message : </td>
<td>".$_POST['message']."</td>
</tr>
<table>";
$body = preg_replace('/\\\\/','', $body); //Strip backslashes
$mail->MsgHTML($body);

$mail->IsSMTP(); // tell the class to use SMTP
$mail->SMTPAuth = true; // enable SMTP authentication
$mail->Port = 25; // set the SMTP server port
//$mail->Host = "mail.yourdomain.com"; // SMTP server
//$mail->Username = "name@domain.com"; // SMTP server username
//$mail->Password = "password"; // SMTP server password

$mail->IsSendmail(); // tell the class to use Sendmail
$mail->AddReplyTo("admin@smarttutorials.net");
$mail->AltBody = "To view the message, please use an HTML compatible email viewer!"; // optional, comment out and test
$mail->WordWrap = 80; // set word wrap

$mail->AddAttachment($_FILES['image']['tmp_name'],
$_FILES['image']['name']);
$mail->IsHTML(true); // send as HTML
$mail->Send();
echo 'Message has been sent.';
} catch (phpmailerException $e) {
echo $e->errorMessage();
}
?>
 

Hope this code works well for all for sending all type of files (word files,PDF files and images etc………..)

 

Please refer this cool tutorial on Send an E-Mail with Attachment Using jQuery, Ajax and PHP without Refrshing a Page