Magento – Magento 2: Swatch image upload not working due to js error

configurable-swatchesmagento2magento2.1.6PHPswatches

I am working on magento 2 and when i try to upload a swatch attribute image but each time i get the below error. Please check the below screenshot.

I debug code more and found that image path error.

This is my js path : vendor/magento/module-swatches/view/adminhtml/web/js

iframeHandler = function () {
       var imageParams = $.parseJSON($(this).contents().find('body').html()),
       fullMediaUrl = imageParams['swatch_path'] + imageParams['file_path'];

imageParams['file_path'] value is undefined.

Please help me to resolve this error.

Best Answer

I have a solution for your issue.

It cause is the role of admin .. Please change ADMIN_RESOURCE from Magento_Swatches::iframe to Magento_Backend::admin in file Magento\Swatches\Controller\Adminhtml\Iframe\Show

Related Solutions

Magento 2 Undefined Index Notice in EavAttribute.php – Fix Guide

Looks like problem in server settings.

Please try increase max_input_vars setting to 100000 and try reproduce problem.

Magento – Magento 2 : Added field for image upload in admin form

you calling LocalizedException is directly add exception like this

        try {  
            $media = $this->filesystem->getDirectoryRead(DirectoryList::MEDIA);
            if (isset($data[$input]['delete'])) {
                unlink($media->getAbsolutePath($data[$input]['value']));
            }

            $uploader = $this->_fileUploaderFactory->create(['fileId' => $input]);
            $uploader->setAllowRenameFiles(true);
            $uploader->setFilesDispersion(true);
            $uploader->setAllowCreateFolders(true);
            $path = $media->getAbsolutePath($destinationFolder);
            $result = $uploader->save($path);
            return $destinationFolder.$result['file'];

            }
            catch (\Magento\Framework\Exception\LocalizedException $e) {
                $this->messageManager->addError($e->getMessage());
            } catch (\RuntimeException $e) {
                $this->messageManager->addError($e->getMessage());
            } catch (\Exception $e) {
                $this->messageManager->addException($e, __('Something went wrong while saving the News.'));
            }

possible solution for second question

make sure you added 'enctype' => 'multipart/form-data'

protected function _prepareForm()
    {
        /** @var \Magento\Framework\Data\Form $form */
        $form = $this->_formFactory->create(
            ['data' => ['id' => 'edit_form', 'action' => $this->getData('action'), 'enctype' => 'multipart/form-data','method' => 'post']]
        );
        $form->setUseContainer(true);
        $this->setForm($form);
        return parent::_prepareForm();
    }

Best Answer

Related Solutions

Magento 2 Undefined Index Notice in EavAttribute.php – Fix Guide

Magento – Magento 2 : Added field for image upload in admin form

Related Topic