[Symfony 2] Upload image dans formulaire imbriqué

**pixel016** · 10/11/2014, 15h53

Bonjour à tous,

Après lecture de la doc symfony sur l'upload de fichier et après recherche sur Gogole sans réussite, ma dernière carte est le forum et votre aide

Je veux tout simplement permettre à mes utilisateurs lors de leur inscription d'uploader une image de profil.

J'ai donc deux entités avec des relations bidirectionnelles USER (oneToMany) et IMAGE (manyToOne).

Voici ce que j'ai fais :

Mon entité USER :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
<?php
// src/feel/UserBundle/Entity/User.php
 
namespace feel\UserBundle\Entity;
 
use FOS\UserBundle\Entity\User as BaseUser;
use Doctrine\ORM\Mapping as ORM;
 
/**
 * @ORM\Entity
 * @ORM\Table(name="user")
 * @ORM\Entity(repositoryClass="UserRepository"))
 */
class User extends BaseUser
{
    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    protected $id;
 
    /**
     * @var string
     *
     * @ORM\Column(name="prenom", type="string", length=255, nullable=true)
     */
    private $prenom;
 
    /**
     * @var \DateTime
     *
     * @ORM\Column(name="dateNaissance", type="date")
     */
    private $dateNaissance;
 
    /**
     * @var boolean
     *
     * @ORM\Column(name="sexe", type="string", length=10)
     */
    private $sexe;
 
    /**
     * @var string
     *
     * @ORM\Column(name="diplome", type="string", length=50, nullable=true)
     */
    private $diplome;
 
    /**
     * @var string
     *
     * @ORM\Column(name="statutFamiliale", type="string", length=25, nullable=true)
     */
    private $statutFamiliale;
 
    /**
     * @var string
     *
     * @ORM\Column(name="profession", type="string", length=25, nullable=true)
     */
    private $profession;
 
    /**
     * @var string
     *
     * @ORM\Column(name="religion", type="string", length=25, nullable=true)
     */
    private $religion;
 
    /**
     * @var integer
     *
     * @ORM\Column(name="enfants", type="integer", length=2, nullable=true)
     */
    private $enfants;
 
    /**
     * @var integer
     *
     * @ORM\Column(name="codePostal", type="integer", length=10, nullable=true)
     */
    private $codePostal;
 
    /**
     * @var string
     *
     * @ORM\Column(name="films", type="string", length=255, nullable=true)
     */
    private $films;
 
    /**
     * @var string
     *
     * @ORM\Column(name="livres", type="string", length=255, nullable=true)
     */
    private $livres;
 
    /**
     * @var string
     *
     * @ORM\Column(name="artistes", type="string", length=255, nullable=true)
     */
    private $artistes;
 
    /**
     * @var string
     *
     * @ORM\Column(name="soirees", type="string", length=255, nullable=true)
     */
    private $soirees;
 
    /**
     * @var string
     *
     * @ORM\Column(name="voyages", type="string", length=255, nullable=true)
     */
    private $voyages;
 
    /**
     * @var string
     *
     * @ORM\Column(name="attentes", type="string", length=255, nullable=true)
     */
    private $attentes;
 
    /**
     * @var string
     *
     * @ORM\Column(name="qualites", type="string", length=255, nullable=true)
     */
    private $qualites;
 
    /**
     * @var string
     *
     * @ORM\Column(name="defauts", type="string", length=255, nullable=true)
     */
    private $defauts;
 
    /**
     * @var string
     *
     * @ORM\Column(name="description", type="string", length=255, nullable=true)
     */
    private $description;
 
    /**
     * @var string
     *
     * @ORM\Column(name="hobbies", type="string", length=255, nullable=true)
     */
    private $hobbies;
 
    /**
     * @var \DateTime
     *
     * @ORM\Column(name="lastActivity", type="datetime", nullable=true)
     */
    private $lastActivity;
 
    /**
    * @ORM\OneToMany(targetEntity="feel\UserBundle\Entity\Image", mappedBy="user")
    */
    private $image;
 
 
    public function __construct()
    {
        parent::__construct();
        // your own logic
        $this->enabled = true;
        $this->addRole('ROLE_INSCRIT');
    }
 
 
    /**
     * Set prenom
     *
     * @param string $prenom
     * @return User
     */
    public function setPrenom($prenom)
    {
        $this->prenom = $prenom;
 
        return $this;
    }
 
    /**
     * Get prenom
     *
     * @return string 
     */
    public function getPrenom()
    {
        return $this->prenom;
    }
 
    /**
     * Set lastActivity
     *
     * @param \DateTime $lastActivity
     * @return User
     */
    public function setLastActivity(\DateTime $lastActivity)
    {
        $this->lastActivity = $lastActivity;
 
        return $this;
    }
 
    /**
     * Get lastActivity
     *
     * @return \DateTime 
     */
    public function getLastActivity()
    {
        return $this->lastActivity;
    }
 
    public function isActiveNow()
    {
        $this->setLastActivity(new \DateTime());
    }
 
 
    /**
     * Set dateNaissance
     *
     * @param \DateTime $dateNaissance
     * @return User
     */
    public function setDateNaissance($dateNaissance)
    {
        $this->dateNaissance = $dateNaissance;
 
        return $this;
    }
 
    /**
     * Get dateNaissance
     *
     * @return \DateTime 
     */
    public function getDateNaissance()
    {
        return $this->dateNaissance;
    }
 
    /**
     * Set sexe
     *
     * @param string $sexe
     * @return User
     */
    public function setSexe($sexe)
    {
        $this->sexe = $sexe;
 
        return $this;
    }
 
    /**
     * Get sexe
     *
     * @return string 
     */
    public function getSexe()
    {
        return $this->sexe;
    }
 
    /**
     * Get id
     *
     * @return integer 
     */
    public function getId()
    {
        return $this->id;
    }
 
    /**
     * Set diplome
     *
     * @param string $diplome
     * @return User
     */
    public function setDiplome($diplome)
    {
        $this->diplome = $diplome;
 
        return $this;
    }
 
    /**
     * Get diplome
     *
     * @return string 
     */
    public function getDiplome()
    {
        return $this->diplome;
    }
 
    /**
     * Set statutFamiliale
     *
     * @param string $statutFamiliale
     * @return User
     */
    public function setStatutFamiliale($statutFamiliale)
    {
        $this->statutFamiliale = $statutFamiliale;
 
        return $this;
    }
 
    /**
     * Get statutFamiliale
     *
     * @return string 
     */
    public function getStatutFamiliale()
    {
        return $this->statutFamiliale;
    }
 
    /**
     * Set profession
     *
     * @param string $profession
     * @return User
     */
    public function setProfession($profession)
    {
        $this->profession = $profession;
 
        return $this;
    }
 
    /**
     * Get profession
     *
     * @return string 
     */
    public function getProfession()
    {
        return $this->profession;
    }
 
    /**
     * Set religion
     *
     * @param string $religion
     * @return User
     */
    public function setReligion($religion)
    {
        $this->religion = $religion;
 
        return $this;
    }
 
    /**
     * Get religion
     *
     * @return string 
     */
    public function getReligion()
    {
        return $this->religion;
    }
 
    /**
     * Set enfants
     *
     * @param integer $enfants
     * @return User
     */
    public function setEnfants($enfants)
    {
        $this->enfants = $enfants;
 
        return $this;
    }
 
    /**
     * Get enfants
     *
     * @return integer 
     */
    public function getEnfants()
    {
        return $this->enfants;
    }
 
    /**
     * Set codePostal
     *
     * @param integer $codePostal
     * @return User
     */
    public function setCodePostal($codePostal)
    {
        $this->codePostal = $codePostal;
 
        return $this;
    }
 
    /**
     * Get codePostal
     *
     * @return integer 
     */
    public function getCodePostal()
    {
        return $this->codePostal;
    }
 
    /**
     * Set films
     *
     * @param string $films
     * @return User
     */
    public function setFilms($films)
    {
        $this->films = $films;
 
        return $this;
    }
 
    /**
     * Get films
     *
     * @return string 
     */
    public function getFilms()
    {
        return $this->films;
    }
 
    /**
     * Set livres
     *
     * @param string $livres
     * @return User
     */
    public function setLivres($livres)
    {
        $this->livres = $livres;
 
        return $this;
    }
 
    /**
     * Get livres
     *
     * @return string 
     */
    public function getLivres()
    {
        return $this->livres;
    }
 
    /**
     * Set artistes
     *
     * @param string $artistes
     * @return User
     */
    public function setArtistes($artistes)
    {
        $this->artistes = $artistes;
 
        return $this;
    }
 
    /**
     * Get artistes
     *
     * @return string 
     */
    public function getArtistes()
    {
        return $this->artistes;
    }
 
    /**
     * Set soirees
     *
     * @param string $soirees
     * @return User
     */
    public function setSoirees($soirees)
    {
        $this->soirees = $soirees;
 
        return $this;
    }
 
    /**
     * Get soirees
     *
     * @return string 
     */
    public function getSoirees()
    {
        return $this->soirees;
    }
 
    /**
     * Set voyages
     *
     * @param string $voyages
     * @return User
     */
    public function setVoyages($voyages)
    {
        $this->voyages = $voyages;
 
        return $this;
    }
 
    /**
     * Get voyages
     *
     * @return string 
     */
    public function getVoyages()
    {
        return $this->voyages;
    }
 
    /**
     * Set attentes
     *
     * @param string $attentes
     * @return User
     */
    public function setAttentes($attentes)
    {
        $this->attentes = $attentes;
 
        return $this;
    }
 
    /**
     * Get attentes
     *
     * @return string 
     */
    public function getAttentes()
    {
        return $this->attentes;
    }
 
    /**
     * Set qualites
     *
     * @param string $qualites
     * @return User
     */
    public function setQualites($qualites)
    {
        $this->qualites = $qualites;
 
        return $this;
    }
 
    /**
     * Get qualites
     *
     * @return string 
     */
    public function getQualites()
    {
        return $this->qualites;
    }
 
    /**
     * Set defauts
     *
     * @param string $defauts
     * @return User
     */
    public function setDefauts($defauts)
    {
        $this->defauts = $defauts;
 
        return $this;
    }
 
    /**
     * Get defauts
     *
     * @return string 
     */
    public function getDefauts()
    {
        return $this->defauts;
    }
 
    /**
     * Set description
     *
     * @param string $description
     * @return User
     */
    public function setDescription($description)
    {
        $this->description = $description;
 
        return $this;
    }
 
    /**
     * Get description
     *
     * @return string 
     */
    public function getDescription()
    {
        return $this->description;
    }
 
    /**
     * Set hobbies
     *
     * @param string $hobbies
     * @return User
     */
    public function setHobbies($hobbies)
    {
        $this->hobbies = $hobbies;
 
        return $this;
    }
 
    /**
     * Get hobbies
     *
     * @return string 
     */
    public function getHobbies()
    {
        return $this->hobbies;
    }
 
    /**
     * Add image
     *
     * @param \feel\UserBundle\Entity\Image $image
     * @return User
     */
    public function addImage(\feel\UserBundle\Entity\Image $image)
    {
        $this->image[] = $image;
 
        return $this;
    }
 
    /**
     * Remove image
     *
     * @param \feel\UserBundle\Entity\Image $image
     */
    public function removeImage(\feel\UserBundle\Entity\Image $image)
    {
        $this->image->removeElement($image);
    }
 
    /**
     * Get image
     *
     * @return \Doctrine\Common\Collections\Collection 
     */
    public function getImage()
    {
        return $this->image;
    }
}<br><br>

Mon entité IMAGE :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<?php
 
namespace feel\UserBundle\Entity;
 
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\Validator\Constraints as Assert;
 
/**
 * Image
 *
 * @ORM\Table()
 * @ORM\Entity(repositoryClass="feel\UserBundle\Entity\ImageRepository")
 */
class Image
{
 
    /**
     * @ORM\Id
     * @ORM\Column(type="integer")
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    public $id;
 
    /**
     * @ORM\Column(type="string", length=255)
     * @Assert\NotBlank
     */
    public $name;
 
    /**
     * @ORM\Column(type="string", length=255, nullable=true)
     */
    public $path;
 
 
    /**
     * @Assert\File(maxSize="6000000")
     */
    public $file;
 
 
    /**
    * @ORM\ManyToOne(targetEntity="feel\UserBundle\Entity\User", inversedBy="image")
    * @ORM\JoinColumn(nullable=false)
    */
    private $user;
 
 
    public function getAbsolutePath()
    {
        return null === $this->path ? null : $this->getUploadRootDir().'/'.$this->path;
    }
 
    public function getWebPath()
    {
        return null === $this->path ? null : $this->getUploadDir().'/'.$this->path;
    }
 
    protected function getUploadRootDir()
    {
        // le chemin absolu du répertoire où les documents uploadés doivent être sauvegardés
        return __DIR__.'/../../../../web/'.$this->getUploadDir();
    }
 
    protected function getUploadDir()
    {
        // on se débarrasse de « __DIR__ » afin de ne pas avoir de problème lorsqu'on affiche
        // le document/image dans la vue.
        return 'uploads/images-profil';
    }
 
 
     /**
     * Set user
     *
     * @param \feel\UserBundle\Entity\User $user
     * @return Image
     */
    public function setUser(\feel\UserBundle\Entity\User $user)
    {
        $this->user = $user;
 
        return $this;
    }
 
    /**
     * Get user
     *
     * @return \feel\UserBundle\Entity\User 
     */
    public function getUser()
    {
        return $this->user;
    }
 
 
 
    /**
     * Get id
     *
     * @return integer 
     */
    public function getId()
    {
        return $this->id;
    }
 
    /**
     * Set name
     *
     * @param string $name
     * @return Image
     */
    public function setName($name)
    {
        $this->name = $name;
 
        return $this;
    }
 
    /**
     * Get name
     *
     * @return string 
     */
    public function getName()
    {
        return $this->name;
    }
 
    /**
     * Set path
     *
     * @param string $path
     * @return Image
     */
    public function setPath($path)
    {
        $this->path = $path;
 
        return $this;
    }
 
    /**
     * Get path
     *
     * @return string 
     */
    public function getPath()
    {
        return $this->path;
    }
 
    public function upload()
{
    // la propriété « file » peut être vide si le champ n'est pas requis
    if (null === $this->file) {
        return;
    }
 
    // utilisez le nom de fichier original ici mais
    // vous devriez « l'assainir » pour au moins éviter
    // quelconques problèmes de sécurité
 
    // la méthode « move » prend comme arguments le répertoire cible et
    // le nom de fichier cible où le fichier doit être déplacé
    $this->file->move($this->getUploadRootDir(), $this->file->getClientOriginalName());
 
    // définit la propriété « path » comme étant le nom de fichier où vous
    // avez stocké le fichier
    $this->path = $this->file->getClientOriginalName();
 
    // « nettoie » la propriété « file » comme vous n'en aurez plus besoin
    $this->file = null;
}
 
 
 
 
}

Mon IMAGETYPE :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?php
 
namespace feel\UserBundle\Form;
 
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\OptionsResolver\OptionsResolverInterface;
 
class ImageType extends AbstractType
{
        /**
     * @param FormBuilderInterface $builder
     * @param array $options
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('file')
        ;
    }
 
    /**
     * @param OptionsResolverInterface $resolver
     */
    public function setDefaultOptions(OptionsResolverInterface $resolver)
    {
        $resolver->setDefaults(array(
            'data_class' => 'feel\UserBundle\Entity\Image'
        ));
    }
 
    /**
     * @return string
     */
    public function getName()
    {
        return 'feel_userbundle_image';
    }
}

Et mon action de validation du formulaire dans mon controlleur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
public function suiteInscriptionAction(Request $request){
 
        $user = $this->container->get('security.context')->getToken()->getUser();
 
        /*if($user->getDescription() != "") {
            return $this->redirect($this->generateUrl("homepage"));
        }*/
 
        $formBuilder = $this->get('form.factory')->createBuilder('form', $user);
 
        $formBuilder
            ->add('image', new ImageType(),array('mapped'=>false))
            ->add('username',      'text', array('required' => true))
            ->add('diplome',      'text', array('required' => false))
            ->add('statutFamiliale','choice', array(
                   'choices' => array('' => '- Sélectionner -', 'celibataire' => 'Célibataire', 'divorce' => 'Divorcé'),
                   'required' => false
               ))
            ->add('profession',      'text', array('required' => false))
            ->add('religion',      'text', array('required' => false))
            ->add('enfants',      'text', array('required' => false))
            ->add('codePostal',      'text')
            ->add('films',      'text', array('required' => false))
            ->add('livres',      'text', array('required' => false))
            ->add('artistes',      'text', array('required' => false))
            ->add('soirees',      'text', array('required' => false))
            ->add('voyages',      'text', array('required' => false))
            ->add('attentes',      'text', array('required' => false))
            ->add('qualites',      'text')
            ->add('defauts',      'text')
            ->add('description',      'textarea')
            ->add('hobbies',      'text')
            ->getForm()
          ;
 
        $form = $formBuilder->getForm();
 
        $form->handleRequest($request);
 
        if($form->isValid()) {
            $em = $this->getDoctrine()->getManager();
 
            $image = new Image();
            $image->upload();
 
            $em->persist($user);
            $em->flush();
 
            $request->getSession()->getFlashBag()->add('notice','Données enregistrées');
 
            return $this->redirect($this->generateUrl("homepage"));
        }
 
        return $this->render("feelUserBundle:Registration:suiteInscription.html.twig", array(
           'form' => $form->createView(),
       ));
    }

Lors de la soumission je n'ai aucune image persistée en BDD et je n'ai pas d'image nan plus dans mon dossier uploads/images-profil. Par contre les champs de l'entité User sont bien persistés eux.

Merci pour votre aide car je compte beaucoup dessus n'ayant pas trouvé de solutions.

**goabonga** · 10/11/2014, 20h22

Question ?
L'évènement est-il levé (dispatché) dans ton entité Image ?

**pixel016** · 10/11/2014, 20h34

Que veux tu dire par la ?

**goabonga** · 10/11/2014, 21h26

Oublies ( je pensais que t'avais copier coller l'intégralité du bout de code qu'on trouve dans al doc) .

Mais c'est la piste a prendre, tu pourrais écouter le postPersist et le postRemove avec les callbacks sur la class User , puis boucler sur les images et lancer la méthode upload.

Ou créer un listener pour toutes tes entités de type Image et faire de meme ...

-------

Tu pourrais m'expliquer a quoi servent les lignes ?

Code :

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

1
2
3
 
            $image = new Image();
            $image->upload();

**pixel016** · 10/11/2014, 22h53

Débutant sous symfony ce que tu me dis ne me parles pas trop, du moins je ne sais pas quoi faire :s.

Sinon pour les lignes c'etait parmis mes tests car vu qu'il ne se passait rien en BDD j'ai essayé differentes choses

**pixel016** · 12/11/2014, 17h57

J'ai avancé un peu mais j'ai maintenant une erreur lors de la soumission :

FatalErrorException: Error: Call to undefined method Doctrine\ORM\PersistentCollection::upload() in /Applications/MAMP/htdocs/feel/src/feel/UserBundle/Controller/UserController.php line 28

Est ce que quelqu'un peut m'aider ? SVP

**pixel016** · 08/01/2015, 16h10

Bonjour à tous,

Nouveau problème, lors de la suppression d'une image en javascript et soumission de la modification l'image ne se supprime pas ni en base ni en local.
J'utilise les lifecyle Callbacks, la suppression devrait se faire automatiquement si je ne me trompe pas ...

Voici mon entité IMAGE :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<?php
 
namespace feel\UserBundle\Entity;
 
use Doctrine\ORM\Mapping as ORM;
use Symfony\Component\HttpFoundation\File\UploadedFile;
use Symfony\Component\Validator\Constraints as Assert;
 
 
/**
 * Image
 *
 * @ORM\Table()
 * @ORM\Entity(repositoryClass="feel\UserBundle\Entity\ImageRepository")
 * @ORM\HasLifecycleCallbacks
 */
class Image
{
 
        /**
     * @var integer
     *
     * @ORM\Column(name="id", type="integer")
     * @ORM\Id
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    private $id;
 
    /**
     * @var string
     *
     * @ORM\Column(name="url", type="string", length=255)
     */
    private $url;
 
    /**
     * @var string
     *
     * @ORM\Column(name="alt", type="string", length=255)
     */
    private $alt;
 
    /**
    * @Assert\File(maxSize="6000000")
    */
    private $file;
 
    // On ajoute cet attribut pour y stocker le nom du fichier temporairement
    private $tempFilename;
 
     /**
     * @ORM\ManyToOne(targetEntity="feel\UserBundle\Entity\User", inversedBy="images")
     * @ORM\JoinColumn(name="user_id", referencedColumnName="id", nullable=false)
     */
    private $user;
 
    public function getFile()
    {
      return $this->file;
    }
 
    // On modifie le setter de File, pour prendre en compte l'upload d'un fichier lorsqu'il en existe déjà un autre
    public function setFile(UploadedFile $file)
    {
      $this->file = $file;
 
      // On vérifie si on avait déjà un fichier pour cette entité
      if (null !== $this->url) {
        // On sauvegarde l'extension du fichier pour le supprimer plus tard
        $this->tempFilename = $this->url;
 
        // On réinitialise les valeurs des attributs url et alt
        $this->url = null;
        $this->alt = null;
      }
    }
 
 
    /**
     * Get id
     *
     * @return integer 
     */
    public function getId()
    {
        return $this->id;
    }
 
    /**
     * Set url
     *
     * @param string $url
     * @return Image
     */
    public function setUrl($url)
    {
        $this->url = $url;
 
        return $this;
    }
 
    /**
     * Get url
     *
     * @return string 
     */
    public function getUrl()
    {
        return $this->url;
    }
 
    /**
     * Set alt
     *
     * @param string $alt
     * @return Image
     */
    public function setAlt($alt)
    {
        $this->alt = $alt;
 
        return $this;
    }
 
    /**
     * Get alt
     *
     * @return string 
     */
    public function getAlt()
    {
        return $this->alt;
    }
 
 
    /**
    * @ORM\PrePersist()
    * @ORM\PreUpdate()
    */
    public function preUpload()
    {
      //\Doctrine\Common\Util\Debug::dump($this);die;  
      // Si jamais il n'y a pas de fichier (champ facultatif)
      if (null === $this->file) {
        return;
      }
 
      // Le nom du fichier est son id, on doit juste stocker également son extension
      // Pour faire propre, on devrait renommer cet attribut en « extension », plutôt que « url »
      $this->url = $this->file->guessExtension();
 
      // Et on génère l'attribut alt de la balise <img>, à la valeur du nom du fichier sur le PC de l'internaute
      $this->alt = $this->file->getClientOriginalName();
 
    }
 
    /**
    * @ORM\PostPersist()
    * @ORM\PostUpdate()
    */
    public function upload()
    {
      // Si jamais il n'y a pas de fichier (champ facultatif)
      if (null === $this->file) {
        return;
      }
 
      // Si on avait un ancien fichier, on le supprime
      if (null !== $this->tempFilename) {
        $oldFile = $this->getUploadRootDir().'/'.$this->id.'.'.$this->tempFilename;
        if (file_exists($oldFile)) {
          unlink($oldFile);
        }
      }
 
      // On déplace le fichier envoyé dans le répertoire de notre choix
      $this->file->move(
        $this->getUploadRootDir(), // Le répertoire de destination
        $this->id.'.'.$this->url   // Le nom du fichier à créer, ici « id.extension »
      );
    }
 
      /**
    * @ORM\PreRemove()
    */
   public function preRemoveUpload()
   {
     // On sauvegarde temporairement le nom du fichier, car il dépend de l'id
     $this->tempFilename = $this->getUploadRootDir().'/'.$this->id.'.'.$this->url;
   }
 
   /**
    * @ORM\PostRemove()
    */
   public function removeUpload()
   {
     // En PostRemove, on n'a pas accès à l'id, on utilise notre nom sauvegardé
     if (file_exists($this->tempFilename)) {
       // On supprime le fichier
       unlink($this->tempFilename);
     }
   }
 
    public function getUploadDir()
    {
      // On retourne le chemin relatif vers l'image pour un navigateur (relatif au répertoire /web donc)
      return 'uploads/images-profil';
    }
 
    protected function getUploadRootDir()
    {
      // On retourne le chemin relatif vers l'image pour notre code PHP
      return __DIR__.'/../../../../web/'.$this->getUploadDir();
    }
 
    public function getWebPath()
    {
      return $this->getUploadDir().'/'.$this->getId().'.'.$this->getUrl();
    }
 
 
    /**
     * Set user
     *
     * @param \feel\UserBundle\Entity\User $user
     * @return Image
     */
    public function setUser(\feel\UserBundle\Entity\User $user)
    {
        $this->user = $user;
        return $this;
}
 
    /**
     * Get user
     *
     * @return \feel\UserBundle\Entity\User 
     */
    public function getUser()
    {
        return $this->user;
    }
}

Et voici ma vu de mon formulaire avec le javascript qui gère l'ajout et la suppression d'image :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
{% extends "feelHomeBundle:Home:index.html.twig" %}
 
{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/svgavatars.css') }}" type="text/css" />
    <link rel="stylesheet" href="{{ asset('css/spectrum.css') }}" type="text/css" />
{% endblock %}
 
{% block title %}Votre profil{% endblock %}
 
{% block content %}
<h2>Dites en nous plus sur vous afin que votre profil soit remarqué et surtout ATTRAYANT</h2>
<div class="well block-pink">
{{ form_start(form) }}
    {# Les erreurs générales du formulaire. #}
    {{ form_errors(form) }}
<div id="etape1" class="etape">
    <h3>Etape 1/5</h3>
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.username, "Pseudo* (nom affiché publiquement sur le site)") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.username) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.username, {'attr': {'class': 'form-control'}}) }}
    </div>
 
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.diplome, "Niveau d'étude") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.diplome) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.diplome, {'attr': {'class': 'form-control'}}) }}
    </div>
 
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.statutFamiliale, "Statut Familiale") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.statutFamiliale) }}
 
      {# Génération de l'input. #}
      {# Génération de l'input. #}
      {{ form_widget(form.statutFamiliale, {'attr': {'class': 'form-control'}}) }}
    </div>  
 
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.profession, "Profession") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.profession) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.profession, {'attr': {'class': 'form-control'}}) }}
    </div>
 
   <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.religion, "Religion") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.religion) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.religion, {'attr': {'class': 'form-control'}}) }}
    </div>
    <button id="goToEtape2" type="button" class="btn btn-success suivant etape2 pull-right" data-next="etape2" >Etape suivante</button>
</div>    
 
<div id="etape2" class="etape">
    <h3>Etape 2/5</h3>
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.enfants, "Nombre d'enfants") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.enfants) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.enfants, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.codePostal, "Code Postal*") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.codePostal) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.codePostal, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.films, "Films favoris") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.films) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.films, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.livres, "Livres favoris") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.livres) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.livres, {'attr': {'class': 'form-control'}}) }}
    </div>
    <button id="goToEtape1" type="button" class="btn btn-success precedant pull-left" data-prev="etape1" >Etape précédente</button>
    <button id="goToEtape3" type="button" class="btn btn-success suivant etape3 pull-right" data-next="etape3">Etape suivante</button>
</div>
<div id="etape3" class="etape">  
    <h3>Etape 3/5</h3>
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.artistes, "Artistes favoris") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.artistes) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.artistes, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.soirees, "Type de soirées favorites") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.soirees) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.soirees, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.voyages, "Vos voyages favoris") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.voyages) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.voyages, {'attr': {'class': 'form-control'}}) }}
    </div>
 
          <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.attentes, "Qu'attendez vous du site ?") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.attentes) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.attentes, {'attr': {'class': 'form-control'}}) }}
    </div>
    <button id="goToEtape2" type="button" class="btn btn-success precedant pull-left" data-prev="etape2" >Etape précédente</button>
    <button id="goToEtape4" type="button" class="btn btn-success suivant etape4 pull-right" data-next="etape4">Etape suivante</button>
</div>
<div id="etape4" class="etape">
    <h3>Etape 4/5</h3>
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.qualites, "Vos qualités") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.qualites) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.qualites, {'attr': {'class': 'form-control'}}) }}
    </div>
              <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.defauts, "Vos défauts (autodérision)") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.defauts) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.defauts, {'attr': {'class': 'form-control'}}) }}
    </div>
              <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.description, "Description libre") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.description) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.description, {'attr': {'class': 'form-control'}}) }}
    </div>
 
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.hobbies, "Vos hobbies") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.hobbies) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.hobbies, {'attr': {'class': 'form-control'}}) }}
    </div>
    <button id="goToEtape3" type="button" class="btn btn-success precedant pull-left" data-prev="etape3" >Etape précédente</button>
    <button id="goToEtape5" type="button" class="btn btn-success suivant etape4 pull-right" data-next="etape5">Etape suivante</button>
</div>    
<div id="etape5" class="etape">
    <h3>Etape 5/5</h3>
    <div class="form-group">
      {# Génération du label. #}
      {{ form_label(form.images  , "Votre photo") }}</label>
 
      {# Affichage des erreurs pour ce champ précis. #}
      {{ form_errors(form.images) }}
 
      {# Génération de l'input. #}
      {{ form_widget(form.images) }}
    </div>
 
    <!--<div id="svgAvatars"></div>-->
    <button id="goToEtape4" type="button" class="btn btn-success precedant pull-left" data-prev="etape4" >Etape précédente</button>
</div>
 
    <input type="submit" class="btn btn-primary center-block" value="Enregistrer" />
 
 
    {{ form_rest(form) }}
 {{ form_end(form) }}
 
  <div class="progress">
    <div class="progress-bar progress-bar-striped active"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
 
    </div>
  </div>
</div>
{% endblock %}
 
{% block javascripts %}
    {{ parent() }}
 
    <script>
        $(document).ready(function() {
        // On récupère la balise <div> en question qui contient l'attribut « data-prototype » qui nous intéresse.
        var $container = $('div#feel_userbundle_user_images');
        // On ajoute un lien pour ajouter une nouvelle catégorie
        var $addLink = $('<a href="#" id="add_category" class="btn btn-default">Ajouter une image</a>');
        $container.append($addLink);
 
        // On ajoute un nouveau champ à chaque clic sur le lien d'ajout.
        $addLink.click(function(e) {
          addCategory($container);
          e.preventDefault(); // évite qu'un # apparaisse dans l'URL
          return false;
        });
 
        // On définit un compteur unique pour nommer les champs qu'on va ajouter dynamiquement
        var index = $container.find(':input').length;
 
        // On ajoute un premier champ automatiquement s'il n'en existe pas déjà un (cas d'une nouvelle annonce par exemple).
        if (index == 0) {
          addCategory($container);
        } else {
          // Pour chaque catégorie déjà existante, on ajoute un lien de suppression
          $container.children('div').each(function() {
            addDeleteLink($(this));
          });
        }
 
        // La fonction qui ajoute un formulaire Categorie
        function addCategory($container) {
          // Dans le contenu de l'attribut « data-prototype », on remplace :
          // - le texte "__name__label__" qu'il contient par le label du champ
          // - le texte "__name__" qu'il contient par le numéro du champ
          var $prototype = $($container.attr('data-prototype').replace(/__name__label__/g, 'Image n°' + (index+1))
              .replace(/__name__/g, index));
 
          // On ajoute au prototype un lien pour pouvoir supprimer la catégorie
          addDeleteLink($prototype);
 
          // On ajoute le prototype modifié à la fin de la balise <div>
          $container.append($prototype);
 
          // Enfin, on incrémente le compteur pour que le prochain ajout se fasse avec un autre numéro
          index++;
        }
 
        // La fonction qui ajoute un lien de suppression d'une catégorie
        function addDeleteLink($prototype) {
          // Création du lien
          $deleteLink = $('<a href="#" class="btn btn-danger">Supprimer</a>');
 
          // Ajout du lien
          $prototype.append($deleteLink);
 
          // Ajout du listener sur le clic du lien
          $deleteLink.click(function(e) {
            $prototype.remove();
            $prototype.delete();
            e.preventDefault(); // évite qu'un # apparaisse dans l'URL
            return false;
          });
        }
 
 
      });
 
    </script>
 
{% endblock %}

Si vous avez une idée ... Ca serait super !!!