Comment personnaliser le bouton INPUT

Par yto4ka78, il y a 1 an


J'ai créé les propriétés imageFile et imageName de l'entite User pour la mise à jour de la photo de profil sur mon site. Ensuite, j'ai fait un formType et un controller. Tout fonctionne, la photo se met à jour, mais je ne peux pas personnaliser le bouton pour envoyer la photo ! Je peux mettre le bouton par défaut, mais pas un bouton personnalisé.

AvatarUploadType:

public function buildForm(FormBuilderInterface $builder, array $options): void { $builder ->add('imageFile', VichImageType::class, [ 'required' => false, 'allow_delete' => false, 'download_uri' => false, 'image_uri' => false, 'label' => false, 'attr' => [ 'id' => 'custom-file-input', 'style' => 'display: none', ], ]) ->add('customButton', ButtonType::class, [ 'label' => 'Выбрать файл', 'attr' => [ 'class' => 'btn btn-primary', 'id' => 'custom-button', ], ]); }

Twig:

{{ form_start(form) }} {{ form_row(form.imageFile) }} {{ form_widget(form.customButton) }} {{ form_end(form) }}

Ce que je veux

Je veux un bouton personnalisé qui sera associé à AvatarUploadType

Ce que j'obtiens

Lorsque vous appuyez sur un bouton. Il ne se passe rien.

Aucune réponse