File Upload Tags - Extend Feature

Today I will discuse how to File or image upload via frontend custom module form and Controller. Open your module form.phtml file and make sure that the form attribute method to post method=”post” and also make sure that the form attribute enctype like enctype=”multipart/form-data”.

<form id="contact-form" class="form contact" action="#" method="post" enctype="multipart/form-data" data-mage-init="{"validation":{}}">
	............
	............
</form>

Also make sure that INPUT field type attribute type=”file”, I have use file field name “filesubmission”.

<form id="contact-form" class="form contact" action="#" method="post" enctype="multipart/form-data" data-mage-init='{"validation":{}}'>
	<fieldset class="fieldset">
		<div class="field filesubmission">
            <label class="label" for="filesubmission"><span><?= $block->escapeHtml(__('File Attachment')) ?></span></label>
            <div class="control">
                <input name="filesubmission" id="filesubmission" title="<?= $block->escapeHtmlAttr(__('Attachment')) ?>"  class="input-file" type="file" />
            </div>
        </div>
	</fieldset>
	<div class="actions-toolbar">
        <div class="primary">
            <input type="hidden" name="hideit" id="hideit" value="" />
            <button type="submit" title="<?= $block->escapeHtmlAttr(__('Submit')) ?>" class="action submit primary"><span><?= $block->escapeHtml(__('Submit')) ?></span></button>
        </div>
    </div>
</form>

Now open you costom module Controller php file VENDOR\MODULE\Controller\Index\Post.php and use some library class for DirectoryList, UploaderFactory and Filesystem in top of file below namespace.

	<?php
	namespace Extendfeature\RequestQuote\Controller\Index;

	use Magento\Framework\App\Filesystem\DirectoryList;
	use Magento\MediaStorage\Model\File\UploaderFactory;
	use Magento\Framework\Image\AdapterFactory;
	use Magento\Framework\Filesystem;

Now add some protected on top of Controller class before __construct() method.

	/**
     * @var UploaderFactory
     */
	protected $uploaderFactory;
	
	/**
     * @var AdapterFactory
     */
    protected $adapterFactory;
	
	/**
     * @var Filesystem
     */
    protected $filesystem;

Now update your Controller method public function __construct() like below.

	/**
     * @param Context $context
     * @param ConfigInterface $contactsConfig
     * @param MailInterface $mail
     * @param DataPersistorInterface $dataPersistor
     * @param LoggerInterface $logger
     */
    public function __construct(
        ..............
		UploaderFactory $uploaderFactory,
        AdapterFactory $adapterFactory,
        Filesystem $filesystem
    ) {
        $this->uploaderFactory = $uploaderFactory;
        $this->adapterFactory = $adapterFactory;
        $this->filesystem = $filesystem;
        ..............
		..............
    }

Now add code for fileupload in your Controller method public function execute(). You can see I do not use $_FILES Global Variable in Magento because it does not meet with Magento standards. Instead of $_FILES Variable please use $this->getRequest()->getFiles();

	$data = $this->getRequest()->getParams();
	if ($data) {
		$files = $this->getRequest()->getFiles();
		if (isset($files['filesubmission']) && !empty($files['filesubmission']["name"])){
			try{
				$uploaderFactory = $this->uploaderFactory->create(['fileId' => 'filesubmission']);
				//check upload file type or extension
				$uploaderFactory->setAllowedExtensions(['jpg', 'jpeg', 'gif', 'png', 'pdf', 'docx', 'doc']);
				$imageAdapter = $this->adapterFactory->create();
				$uploaderFactory->addValidateCallback('custom_image_upload',$imageAdapter,'validateUploadFile');
				$uploaderFactory->setAllowRenameFiles(true);
				$uploaderFactory->setFilesDispersion(true);
				$mediaDirectory = $this->filesystem->getDirectoryRead(DirectoryList::MEDIA);
				$destinationPath = $mediaDirectory->getAbsolutePath('requestaquote');
				$result = $uploaderFactory->save($destinationPath);
				if (!$result) {
					throw new LocalizedException(
						__('File cannot be saved to path: $1', $destinationPath)
					);
				}
				$imagePath = 'requestaquote'.$result['file'];
				
				//Set file path with name for save into database
				$data['filesubmission'] = $imagePath;
			} catch (\Exception $e) {
				//$this->messageManager->addErrorMessage($e->getMessage());
			}
		}
	}

Here filesubmission is the input name and also the field name of database table.
Upload image file will be saved at pub/media/requestaquote directory.
And $data[‘filesubmission’] = $imagePath; the value of $imagePath; that will be saved in the database field.

Thank you for carefully read my article If you have any query please Leave your query on following comment section or contact with us. Please SHARE

Recent Posts

Categories

Important Links