Gsyfuy

I followed the steps from the following post (Magento 2 : Add Hero Image Upload Field on CMS page) to create an image upload field on the CMS page. I managed to create the field on the CMS page, as well as create the column where the field should write to in the database. However when I try to upload an image I get the following error "A technical problem with the server created an error. Try again to continue what you were doing. If the problem persists, try again later." on the other side I can select an image from the "select from gallery" option and this does work. I figured that something must be wrong with the Upload.php, DataProvider.php or cms_page_form.xml does someone know what I'm doing wrong?

This is the cms_page_form.xml under ModulePaginaContentviewadminhtmlui_componentcms_page_form.xml

<?xml version="1.0" encoding="UTF-8"?>

<!--

/**

* Copyright © 2013-2017 Magento, Inc. All rights reserved.

* See COPYING.txt for license details.

*/

-->

<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">

    <fieldset name="content">

        <field name="content_afbeelding">

            <argument name="data" xsi:type="array">

                <item name="config" xsi:type="array">

                    <item name="dataType" xsi:type="string">string</item>

                    <item name="label" xsi:type="string" translate="true">Content afbeelding</item>

                    <item name="visible" xsi:type="boolean">true</item>

                    <item name="formElement" xsi:type="string">imageUploader</item>

                    <item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>

                    <item name="required" xsi:type="boolean">false</item>

                    <item name="uploaderConfig" xsi:type="array">

                        <item name="url" xsi:type="url" path="PaginaContent/Cms/ContentImage/Upload"/>

                    </item>

                    <item name="previewTmpl" xsi:type="string">Magento_Catalog/image-preview</item>

                </item>

            </argument>

        </field>     

    </fieldset>

</form>

This is the Upload.php under ModulePaginaContentControllerAdminhtmlCmsContentimageUpload.php

<?php



namespace ModulePaginaContentControllerAdminhtmlCmsContentimage;



use MagentoFrameworkControllerResultFactory;



class Upload extends MagentoBackendAppAction

{

    /**

     * Image uploader

     *

     * @var DimaPaginaContentModelImageUploader

     */

    protected $imageUploader;



    /**

     * @param MagentoBackendAppActionContext $context

     * @param MagentoCatalogModelImageUploader $imageUploader

     */

    public function __construct(

        MagentoBackendAppActionContext $context,

        MagentoCatalogModelImageUploader $imageUploader

    ) {

        parent::__construct($context);

        $this->imageUploader = $imageUploader;

    }





    /**

     * Upload file controller action

     *

     * @return MagentoFrameworkControllerResultInterface

     */

    public function execute()

    {

        try {

            $result = $this->imageUploader->saveFileToTmpDir('contentimage');



            $result['cookie'] = [

                'name' => $this->_getSession()->getName(),

                'value' => $this->_getSession()->getSessionId(),

                'lifetime' => $this->_getSession()->getCookieLifetime(),

                'path' => $this->_getSession()->getCookiePath(),

                'domain' => $this->_getSession()->getCookieDomain(),

            ];

        } catch (Exception $e) {

            $result = ['error' => $e->getMessage(), 'errorcode' => $e->getCode()];

        }

        return $this->resultFactory->create(ResultFactory::TYPE_JSON)->setData($result);

    }

}

?>

This is the DataProvider.php under ModulePaginaContentModelCmsPageDataProvider.php

<?php

/**

 * Copyright © 2013-2017 Magento, Inc. All rights reserved.

 * See COPYING.txt for license details.

 */

namespace ModulePaginaContentModelCmsPage;



use MagentoCmsModelResourceModelPageCollectionFactory;

use MagentoFrameworkAppRequestDataPersistorInterface;



/**

 * Class DataProvider

 */

class DataProvider extends MagentoCmsModelPageDataProvider

{



    /**

     * Get data

     *

     * @return array

     */

    public function getData()

    {

        if (isset($this->loadedData)) {

            return $this->loadedData;

        }

        $items = $this->collection->getItems();

        /** @var $page MagentoCmsModelPage */

        foreach ($items as $page) {

            $this->loadedData[$page->getId()] = $page->getData();

        }



        $data = $this->dataPersistor->get('cms_page');





        if (!empty($data)) {

            $page = $this->collection->getNewEmptyItem();



            $page->setData($data);

            $this->loadedData[$page->getId()] = $page->getData();

            $this->dataPersistor->clear('cms_page');

        }

        /* For Modify  You custom image field data */

        if(!empty($this->loadedData[$page->getId()]['content_afbeelding'])){

            $objectManager = MagentoFrameworkAppObjectManager::getInstance();

            $storeManager = $objectManager->get('MagentoStoreModelStoreManagerInterface');

            $currentStore = $storeManager->getStore();

            $media_url=$currentStore->getBaseUrl(MagentoFrameworkUrlInterface::URL_TYPE_MEDIA);



            $image_name=$this->loadedData[$page->getId()]['content_afbeelding'];

            unset($this->loadedData[$page->getId()]['content_afbeelding']);

            $this->loadedData[$page->getId()]['content_afbeelding'][0]['name']=$image_name;

            $this->loadedData[$page->getId()]['content_afbeelding'][0]['url']=$media_url."cms/contentafbeelding/tmp/".$image_name;

        }

        return $this->loadedData;

    }

}

?>