Cómo cargar múltiples imágenes en Django usando Dropzone para múltiples campos de imagen
Estoy trabajando en un proyecto donde la funcionalidad es que el usuario puede cargar sus múltiples imágenes con una función de arrastrar y soltar. Estoy desarrollando usando el Django-python. He implementado la funcionalidad de arrastrar y soltar en la plantilla de django, pero recibo un error para las imágenes al enviar los datos del formulario.
Mi código de plantilla HTML es:
<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>
Estoy usando un dropzone.js para implementar arrastrar y soltar y ordenar El error se produce comoMultiValueDictKeyError at /saveNewUserInfo/, Exception Value: "'file'"
Mi modelo es:
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)
formas.py
class CustomerInfoForm(forms.ModelForm):
class Meta:
model = CustomerProfile
Sugiera cómo almacenar las imágenes múltiples de la zona de caída en estos campos de imagen. Agradezco las sugerencias.