If (move_uploaded_file($file, $this->uploaddir. basename($file) Īfter the process above is done, here is how PHPMailer comes in: private function createPHPMailer(bool $boolean)

Target.find('input, textarea').not('input').each(function () ?> Iterate through the elements and append it to the form data, with the right type. This creates a file in the uploads/ directory with the name of the file as.2 answers Top answer: When you callmoveuploadedfile(filetmp,uploads/.filename) This creates a file. While on the JavaScript side: var formdata = false moveuploadedfile(filetmp,uploads/.filename). So, this is what I have on my HTML (I have two file inputs so that the user won't upload more than two files): To apply AJAX to the file upload, you need FormData object from JavaScript: # SyntaxĪnd you need the file input in your HTML, for example: The live site is on WordPress, but I simplified the code for this post using Slim to demonstrate this solution. We delete the attachment and the pdf after sending the email (if you don't want to keep them in the server). Then we send the attachments with the pdf file to the recipient. This pdf file will be saved to the server as well.

Also, I decided to use AJAX upload for a better user experience.įirst, you need to upload the attachment to the server, grab all the user inputs and print them on a pdf file. So I decided to use PHPMailer and Dompdf to help me to achieve that. And then output all the user inputs with the attachments on a pdf file before sending it off to the appropriate recipient. A few weeks ago, I was asked to create a form that would allow the user to send their feedback with attachments.

Phpmailer attachment