Symfony VichUploader: не отображается кнопка файла для загрузки

Здравствуйте, я тестирую symfony и хочу загрузить файл с помощью VichUploaderBundle. Я пытаюсь использовать VichUploader, но он не отображает файл типа ввода. Я использую Symfony 3.4. Я следил за учебным пособием на веб-сайте Symfony, связанным с VichUploaderBundle, это изображение показывает, что я получил фото.

Под кодами

Параметры.yml

parameters:
    app.path.images: /uploads/images

Продукт.php

<?php

namespace AppBundle\Entity;
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\HttpFoundation\File\File;
use Vich\UploaderBundle\Mapping\Annotation as Vich;

/**
 * @ORM\Entity
* @Vich\Uploadable
*/
class Product
{
/**
 * @var int
 *
 * @ORM\Column(name="id", type="integer")
 * @ORM\Id
 * @ORM\GeneratedValue(strategy="AUTO")
 */
private $id;

/**
 * @ORM\Column(type="string", length=255)
 * @var string
 */
private $image;

/**
 * @Vich\UploadableField(mapping="product_images", fileNameProperty="image")
 * @var File
 */
private $imageFile;

/**
 * @ORM\Column(type="datetime")
 * @var \DateTime
 */
private $updatedAt;

// ...

public function setImageFile(File $image = null)
{
    $this->imageFile = $image;

    // VERY IMPORTANT:
    // It is required that at least one field changes if you are using Doctrine,
    // otherwise the event listeners won't be called and the file is lost
    if ($image) {
        // if 'updatedAt' is not defined in your entity, use another property
        $this->updatedAt = new \DateTime('now');
    }
}


/**
 * Get id
 *
 * @return int
 */
public function getId()
{
    return $this->id;
}

public function getImageFile()
{
    return $this->imageFile;
}

public function setImage($image)
{
    $this->image = $image;
}

public function getImage()
{
    return $this->image;
}


public function setUpdatedAt($updatedAt)
{
    $this->updatedAt = $updatedAt;

    return $this;
}

/**
 * Get updatedAt
 *
 * @return \DateTime
 */
public function getUpdatedAt()
{
    return $this->updatedAt;
}

}

?>

config.yml

vich_uploader:
    db_driver: orm
    mappings:
        product_images:
        uri_prefix: '%app.path.images%'
        upload_destination: '%kernel.root_dir%/../web/uploads/images'

Форма создана

<?php

namespace AppBundle\Form;

use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolver;

class ProductType extends AbstractType
{
/**
 * {@inheritdoc}
 */
public function buildForm(FormBuilderInterface $builder, array $options)
{
    $builder
    ->add('image', VichImageType::class, [
   'required' => false,
   'allow_delete' => true,
   'download_label' => '...',
   'download_uri' => true,
   'image_uri' => true,
   'imagine_pattern' => '...',])
   ->add('image')->add('updatedAt');
}/**
 * {@inheritdoc}
 */
public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults(array(
        'data_class' => 'AppBundle\Entity\Product'
    ));
}

/**
 * {@inheritdoc}
 */
 public function getBlockPrefix()
 {
    return 'appbundle_product';
 }


}

person mokas    schedule 04.07.2018    source источник
comment
Где код вашего formType ?   -  person Jeroen    schedule 04.07.2018
comment
Никто не может прочитать код в комментарии. Пожалуйста, отредактируйте это в своем вопросе   -  person RiggsFolly    schedule 04.07.2018


Ответы (1)


Вы должны использовать VichImageType для отображения поля изображения в форме, как описано в документации: https://github.com/dustin10/VichUploaderBundle/blob/master/Resources/doc/form/vich_image_type.md

$builder->add('image', VichImageType::class, [
       'required' => false,
       'allow_delete' => true,
       'download_label' => '...',
       'download_uri' => true,
       'image_uri' => true,
       'imagine_pattern' => '...',
]);

Если вы используете EasyAdminBundle и хотите интегрировать VichUploaderBundle, убедитесь, что вы указали правильный тип для своего поля. В этом случае вам не нужен FormType.

easy_admin:
    entities:
        Product:
            # ...
            form:
                fields:
                    - { property: 'imageFile', type: 'vich_image' }

Ознакомьтесь с этим руководством: https://symfony.com/doc/master/bundles/EasyAdminBundle/integration/vichuploaderbundle.html#uploading-the-images-in-the-edit-and-new-views

person Jeroen    schedule 05.07.2018
comment
Спасибо @Jeroen, но я вижу, что когда я обновляю форму с помощью конструктора, в браузере ничего не происходит. даже если я удалю поле. - person mokas; 05.07.2018
comment
Вы уверены, что работаете с правильным конструктором форм и ваш шаблон правильный? Если вы покажете остальную часть своего кода, я могу взглянуть (где вы инициализируете formType и где вы выводите код формы в шаблоне). - person Jeroen; 05.07.2018
comment
Спасибо @jeroen в учебнике, который не использовал конструктор форм для рендеринга файла типа ввода. но после нескольких попыток я решил сгенерировать форму на основе объекта Product с помощью консоли php bin/console generate:doctrine:form AppBundle:Product - person mokas; 05.07.2018
comment
Хорошо, и можете ли вы показать код вашего контроллера и вашего шаблона, связанного с инициализацией формы и рендерингом формы? - person Jeroen; 05.07.2018
comment
У меня не было контроллера, я использую easyAdminBundle - person mokas; 05.07.2018
comment
Что ж, это важная информация ;-) см. мой обновленный ответ. - person Jeroen; 05.07.2018