Adding upload field in contact form and send as attachment

October 27, 2012  |  26 Comments  |  by Raj (MagePsycho)  |  Latest, Magento

Introduction

Nowadays most of the clients wants extra fields in contacts form of magento to fulfill their requirements. And adding custom fields other than upload field (for example: text, textarea, select etc) in contact form are easy in the sense you can easily include the field values in contact email template.
But adding upload field can be trickier as you have to process the file upload operation and attach it with your email contents.

Steps

1. Modify the contact form template
You need to modify the contact form template file: app/design/frontend/[your-interface]/[your-theme]/template/contacts/form.phtml:
a> Add enctype=”multipart/form-data” in <form> element as:

<form action="<?php echo $this->getFormAction(); ?>" id="contactForm" method="post" enctype="multipart/form-data">

b> Add file upload field below ‘Comment’ field (or anywhere you want) as:

<li>
	<label for="attachment"><?php echo Mage::helper('contacts')->__('Attachment') ?></label>
	<div class="input-box">
		<input name="MAX_FILE_SIZE" type="hidden" value="2000000" />
		<input name="attachment" id="attachment" class="input-text" type="file" />
	</div>
</li>

2. Create controller class for processing file upload
Next step is to override the Mage_Contacts_IndexController class.
For this you need to create a custom module. For tutorial purpose I am assuming Namespace to be ‘MagePsycho’ and Module to be ‘Customcontact’.
a> Add xml override code in your module’s config.xml as:

<frontend>
	<routers>
		<contacts>
			<args>
				<modules>
					<magepsycho_customcontact before="Mage_Contacts">MagePsycho_Customcontact</magepsycho_customcontact>
				</modules>
			</args>
		</contacts>
	</routers>
</frontend>

b> Create your custom controller
Create controller file in your module dir as: app/code/local/MagePsycho/Customcontact/controllers/IndexController.php
and copy the following code:

<?php
require_once Mage::getModuleDir('controllers', 'Mage_Contacts') . DS . 'IndexController.php';
class MagePsycho_Customcontact_IndexController extends Mage_Contacts_IndexController
{
	public function postAction()
    {
        $post = $this->getRequest()->getPost();
        if ( $post ) {
            $translate = Mage::getSingleton('core/translate');
            /* @var $translate Mage_Core_Model_Translate */
            $translate->setTranslateInline(false);
            try {
                $postObject = new Varien_Object();
                $postObject->setData($post);

                $error = false;

                if (!Zend_Validate::is(trim($post['name']) , 'NotEmpty')) {
                    $error = true;
                }

                if (!Zend_Validate::is(trim($post['comment']) , 'NotEmpty')) {
                    $error = true;
                }

                if (!Zend_Validate::is(trim($post['email']), 'EmailAddress')) {
                    $error = true;
                }

                if (Zend_Validate::is(trim($post['hideit']), 'NotEmpty')) {
                    $error = true;
                }

				/**************************************************************/
				$fileName = '';
				if (isset($_FILES['attachment']['name']) && $_FILES['attachment']['name'] != '') {
				    try {
						$fileName		= $_FILES['attachment']['name'];
						$fileExt		= strtolower(substr(strrchr($fileName, ".") ,1));
						$fileNamewoe	= rtrim($fileName, $fileExt);
						$fileName		= preg_replace('/\s+', '', $fileNamewoe) . time() . '.' . $fileExt;

						$uploader		= new Varien_File_Uploader('attachment');
						$uploader->setAllowedExtensions(array('doc', 'docx','pdf', 'jpg', 'png', 'zip')); //add more file types you want to allow
						$uploader->setAllowRenameFiles(false);
						$uploader->setFilesDispersion(false);
						$path = Mage::getBaseDir('media') . DS . 'contacts';
						if(!is_dir($path)){
							mkdir($path, 0777, true);
						}
						$uploader->save($path . DS, $fileName );

				    } catch (Exception $e) {
                                Mage::getSingleton('customer/session')->addError($e->getMessage());
		                $error = true;
				    }
				}
				/**************************************************************/

                if ($error) {
                    throw new Exception();
                }
                $mailTemplate = Mage::getModel('core/email_template');
                /* @var $mailTemplate Mage_Core_Model_Email_Template */

				/**************************************************************/
				//sending file as attachment
				$attachmentFilePath = Mage::getBaseDir('media'). DS . 'contacts' . DS . $fileName;
				if(file_exists($attachmentFilePath)){
					$fileContents = file_get_contents($attachmentFilePath);
					$attachment   = $mailTemplate->getMail()->createAttachment($fileContents);
					$attachment->filename = $fileName;
				}
				/**************************************************************/

                $mailTemplate->setDesignConfig(array('area' => 'frontend'))
                    ->setReplyTo($post['email'])
                    ->sendTransactional(
                        Mage::getStoreConfig(self::XML_PATH_EMAIL_TEMPLATE),
                        Mage::getStoreConfig(self::XML_PATH_EMAIL_SENDER),
                        Mage::getStoreConfig(self::XML_PATH_EMAIL_RECIPIENT),
                        null,
                        array('data' => $postObject)
                    );

                if (!$mailTemplate->getSentSuccess()) {
                    throw new Exception();
                }

                $translate->setTranslateInline(true);

                Mage::getSingleton('customer/session')->addSuccess(Mage::helper('contacts')->__('Your inquiry was submitted and will be responded to as soon as possible. Thank you for contacting us.'));
                $this->_redirect('*/*/');

                return;
            } catch (Exception $e) {
                $translate->setTranslateInline(true);

                Mage::getSingleton('customer/session')->addError(Mage::helper('contacts')->__('Unable to submit your request. Please, try again later'));
                $this->_redirect('*/*/');
                return;
            }

        } else {
            $this->_redirect('*/*/');
        }
    }
}

3> There you go.
Try to attach file and submit the contact form, you will get that file as attachment in contact email.

[Snapshots]

Default Contact Form

Contact Form With Upload Field

Hope this helps you.
Happy E-Commerce!