Mehrere Bilder in Django mit Dropzone für mehrere Bildfelder hochladen
Ich arbeite an einem Projekt, in dem der Benutzer mehrere Bilder mit einer Drag-and-Drop-Funktion hochladen kann. Ich entwickle mit dem Django-Python. Ich habe die Funktionalität von Drag-and-Drop in die Django-Vorlage implementiert, erhalte jedoch beim Senden der Formulardaten eine Fehlermeldung für Bilder.
ein HTML-Vorlagencode lautet:
<form id="newUserForm" name="newUserForm" data-abide action="{% url 'saveNewUserInfo'%}" method="post" enctype="multipart/form-data">
{% csrf_token %}
<div class="section"></div>
some input fields
<!-- The div for uploading the images -->
<div class="dropzone" style="border: 1px solid red;"></div>
<input type="submit" value="save">
</form>
Ich verwende eine dropzone.js für die Implementierung der Drag-Drop- und Sortierfunktion. Der Fehler tritt als @ auMultiValueDictKeyError at /saveNewUserInfo/, Exception Value: "'file'"
Mein Modell ist:
class CustomerProfile(models.Model):
customer_id = models.CharField(db_column='customer_id', primary_key=True, max_length=20)
first_name = models.CharField(db_column='first_name', max_length=30, blank=True, null=True)
last_name = models.CharField(db_column='last_name', max_length=30,blank=True,null=True)
user_name = models.CharField(db_column='user_name', max_length=50,unique=True)
phone_number = models.CharField(db_column='phone_number', max_length=15,blank=True,null=True)
email_id = models.EmailField(db_column='email_id', max_length=50,blank=True, null=True)
user_image1 = models.ImageField(upload_to=IMAGES_PATH, db_column='user_image1', max_length=100)
user_image2 = models.ImageField(upload_to=IMAGES_PATH, db_column='user_image2', max_length=100)
user_image3 = models.ImageField(upload_to=IMAGES_PATH, db_column='user_image3', max_length=100)
user_image4 = models.ImageField(upload_to=IMAGES_PATH, db_column='user_image4', max_length=100)
user_image5 = models.ImageField(upload_to=IMAGES_PATH, db_column='user_image5', max_length=100)
forms.py
class CustomerInfoForm(forms.ModelForm):
class Meta:
model = CustomerProfile
Bitte schlagen Sie vor, wie die Dropzone mehrerer Bilder in diesen Bildfeldern gespeichert werden soll. Schätzen Sie für Vorschläge ..