{% extends 'base.html' %}

{% block content %}
<h1>La page de création d'annonce</h1>
    <div class="form_upload">
<form method="post" enctype="multipart/form-data">
    {{ formset.management_form }}
    {% csrf_token %}
    {{ form.as_p }}

    {% for form in formset %}
        {{ form.as_p }}
        {% endfor %}
   <input type="submit" class="valid_annonce"value="publier" name="publier"/>
</form>
    </div>
{% endblock content %}

@login_required
def Annonce_page(request):
    form = forms.AnnonceForm()
    reservation = Reservation()
    PhotoFormset = formset_factory(forms.PhotoForm, extra=5)
    formset = PhotoFormset()

    if request.method == 'POST':
        form = forms.AnnonceForm(request.POST, request.FILES)
        formset = PhotoFormset(request.POST, request.FILES)
        if form.is_valid():

            filephoto = form.save(commit=False)
            filephoto.uploader = request.user

            result = geocoder.geocode(filephoto.ville)
            print("\n\n\nSolution de result\n\n\n", result)
            if result:
                filephoto.latitude = lat = result[0]['geometry']['lat']
                filephoto.longitude = lng = result[0]['geometry']['lng']
                filephoto.save()
                print("Latitude", filephoto.latitude)
                print("Longitude", filephoto.longitude)
            else:
                print('Erreur cela ne fonctionne pas actuellement ')

            reservation.caretaker = request.user
            if formset.is_valid():
                for form in formset:
                    if form.cleaned_data:
                        photo=form.save(commit=False)
                        photo.uploader = request.user
                        photo.save()



            return redirect('home')
    return render(request, 'blog/offre_page_form.html', context={'form': form, 'formset': formset})

le modèle Offre

class Offre(models.Model):
    titre = models.CharField(max_length=30)
    image = models.ImageField(verbose_name="Image d'annonce", blank=True, null=True)
    description = models.TextField(max_length=1000)
    reservation = models.BooleanField(default=False, verbose_name="reservation_offre")
    alert = models.CharField(max_length=200, null = True)
    user_accept = models.BooleanField(default=None, verbose_name="Accept", null=True)
    user_refuse = models.BooleanField(default=None, verbose_name="Refuse", null=True)
    uploader = models.ForeignKey(User, on_delete=models.CASCADE, related_name="annonces", null=True, blank=True)
    ville = models.CharField(max_length=50)
    latitude = models.FloatField()
    longitude = models.FloatField()



    
    IMAGE_MAX_SIZE = (800, 800)

    def resize_image(self):
        image= Image.open(self.image)
        image.thumbnail(self.IMAGE_MAX_SIZE)
        # sauvegarde de l'image redimensionnée dans le système de fichiers
        # ce n'est pas la méthode save() du modèle !
        image.save(self.image.path)

    def save(self, *args, **kwargs):
        super().save(*args, **kwargs)
        self.resize_image()

le fichier forms.py :
```

class AnnonceForm(ModelForm):

    class Meta:
        model = Offre
        fields = [ 'titre', 'description','ville']

class PhotoForm(ModelForm):

    class Meta:
        model = Offre
        fields = ['image',]
```

Je remercie infiniment ceux qui tenteront de m'aider ; )

Si vous avez la moindre question, je suis ici ; )

Bonne journée !

Coucou, je te remercie pour ta réponse, 

alors je n'ai pas compris la 1ère partie de ton message, tu veux que je fournisse l'emplacement de l'erreur est-ce bien cela ?

Peut-être une image de la page d'erreur t'aidera à comprendre :

Enfin pour que tu comprennes bien ma problématique : je suis actuellement capable de faire un formulaire dans lequel on peut mettre plusieurs images (voir photo ci dessous)

mais ce que j'aimerai faire c'est "multiplié" le champ image, pour que cela donne quelque chose de ressemblant au plateforme comme leboncoin et airbnb (photo ci dessous)

As-tu mieux compris ma demande ?

En tout cas merci beaucoup pour ton aide.

regarde ton message d'erreur, il est très parlant.

Exception Location : /home/ [...]/files.py, ligne 41 in _require_file 

ça semble indiqué que le champ est indiqué en tant que require (obligatoire)

et je réitère le fait que ton modèle n'est plus bon, vu que tu supprimes l'image du 1er formulaire (dans ce que tu as proposé initialement).

Sinon, il faut changer l'approche cf la doc de django => https://docs.djangoproject.com/en/4.2/topics/http/file-uploads/#uploading-multiple-files 

ton problème X c'est de pouvoir ajouter télécharger plusieurs photos depuis ton formulaire, donc il faut que ton formulaire accepte une liste/collection/... de photos, et que tu gères leur téléchargement et présence en base comme telle (en base, une table Photos, avec son identifiant unique, son nom/chemin serveur et l'id de l'annonce à laquelle elle est reliée).

Dit autrement, ton champ image ne peut pas être une ImageField, il faut lui associé un autre Model Image par exemple défini comme je l'ai indiqué au dessus (l'identifiant unique étant généré automatiquement, il ne fait pas parti du modèle)

un exemple issu de SO pour le cas de fichier (ce qui revient à ton besoin) https://stackoverflow.com/questions/69333909/use-view-form-in-django-to-upload-a-multiple-files/69334720#69334720 

Bonjour Fred,

Après quelques jours de recherches notamment avec la ressource que tu m'as envoyé, je me suis rendu compte qu'avec la dernère version de django la 4.2 les choses étaient différentes pour upload plusieurs fichiers dans un seul form, et donc que la plupart des ressources sur les forums datant d'1 an ou plus était obsolète, c'est pour ça que django me générait des bugs avec ce code : https://stackoverflow.com/questions/69333909/use-view-form-in-django-to-upload-a-multiple-files/69334720#69334720

L'actuelle façon d'upload plusieurs fichiers dans un form est expliqué ici : https://docs.djangoproject.com/en/4.2/topics/http/file-uploads/#uploading-multiple-files

et cela fonctionne en utilisant le code d'exemple, c'est impressionnant ! Néammoins je reste bloqué sur 1 point : 

- 1 : Au lieu de toute faire avec le fichier forms.py comment intégrer ça en me basant sur un modèle, pour relier mes différentes images au modèle annonce.

Tout ça est très flou pour moi, j'ai essayé quelques petites choses, mais ce n'était pas bon. Il y a quelques liens très intéréssants, et surtout qui permettent de mieux comprendre certains points.

- https://stackoverflow.com/questions/76797026/form-with-multiple-image-value-return-list-object-has-no-attribute-committed-wh

- https://stackoverflow.com/questions/76299130/django-adding-a-field-which-allows-multiple-images

Voilà où j'en suis actuellement, merci de ton aide, je te et vous tiens au courant des avancements, s'il y en a comme moi qui sont sur ce problème.

-
Edité par yaruco 2 août 2023 à 15:44:37