Discussion :

[Adevy135]

Bonjour,

Je suis en train de développer un site web avec symofny3 et j'ai un petit soucis pour l'upload de plusieurs fichiers.

En gros, j'ai une entité Annonce qui peut avoir plusieurs images, j'ai donc une entité ImageAnnonce qui enregistre l'url de l'image ainsi que l'id de l'annonce.

Dans mon formulaire, j'utilise Bootstrap upload, l'utilisateur peut uploader plusieurs images, coté serveur chaque image est enregistrée et créée une entité ImageAnnonce.

Mon soucis est lorsqu'on modifie une annonce, il y a les images déjà enregistrées qui s'affichent et du coup coté serveur on ré-enregistre les images...

J'aimerai savoir s'il y a un moyen simple (peut-être une library ?) qui me permet d'ajouter plusieurs images facilement sans re-enregistrer les images déjà liées à l'entité.
J'aimerai éviter de checker le nom du fichier qui me parait être une méthode foireuse.


Edit : J'avais pensé à une méthode mais j'imagine qu'il y a mieux :
En ajax, lorsque j'ajoute une image je l'enregistre et coté formulaire j'enregistre le nom (réponse de l'ajax) de l'image dans un champ caché.
Suppression : j'enregistre l'id de l'entité ImageAnnonce dans un champs caché.
Coté serveur, je crée les ImageAnnonces qui apparaissent dans le champs caché (les images étant déjà enregistrée sur le serveur) et je supprime les entités ImageAnnonces de l'autre champ caché.


Merci beaucoup !

[jfsenechal]

Pour l'édition tu peux faire un formEdit en utilisant l'héritage pour retirer les images

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
class AnnonceEditType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->remove('images')
       }
 
    public function getParent()
    {
        return AnnonceType::class;
    }
}

Et utiliser une autre action et form pour la gestion des images

Sinon c'est sur que c'est pas normal que tes images se re upload mais là faudrait tu nous montre du code

Moi perso j'utilise http://www.dropzonejs.com/

[Adevy135]

Merci pour ton aide.
En fait, pour l'instant chaque image uploadée crée une entité ImageAnnonce donc ce n'est pas top et le code ne vaut pas grand chose.
En gros dans le controller, je récupère toutes les images et après l'enregistrement, j'enregistre en base le nom de l'image avec l'id de l'annonce en question.

Au début je pensais utiliser plusieurs formulaires ImageAnnonce mais le problème c'est que je voudrais une seule zone d'upload d'image.

[jfsenechal]

Alors c'est ton formulaire qui ne va pas, comme pour chaque images enregistrées tu as un id dans ta db
arrange toi pour que cette id soit dispo dans l'affichage du formulaire via un champ caché et ou un attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
{% for image in images %}
<img scr="{{image.path}}" id="{{image.id}}" data-imageid="{{image.id}}" />
<input hidden value="{{image.id}}" name="img-{{image.id}}" }}
...
{% endfor %}

et pour une image nouvelle tu n'auras pas cette id donc il faudra l'uploader

[Adevy135]

Ok je comprends avec l'id c'est logique.
Donc je continue cette méthode sans utiliser les formulaires symfony ?

Puisque là, l'annonce est généré avec un formBuilder mais la zone d'upload, les champs cachés etc n'utilisent pas de formBuilder.
Dans le controller, je récupère les images avec la variable Request sans utiliser handleRequest pour hydrater l'objet, c'est correct ?

[jfsenechal]

Dans le controller, je récupère les images avec la variable Request sans utiliser handleRequest pour hydrater l'objet, c'est correct ?

Oui en effet, mais attention a quand même avoir un cfr_token quelque part...