Dropzone inside a Django form

Hi,

I'm trying to make a django form in which I want to upload a photo (Dropzone) and enter its title. I can't send the title field and the photo to my view at the same time. Could you please help me ?

add.js

<pre> // DropzoneJs let myDropzone = new Dropzone("#kt_dropzonejs_example_1", { url: "add", // Set the url for your upload script location paramName: "file", // The name that will be used to transfer the file autoProcessQueue: false, maxFiles: 1, maxFilesize: 1000, // MB acceptedFiles: 'image/*', addRemoveLinks: true, init: function () { this.on("success", function (file, response) { console.log(response); }); }, headers: { 'X-CSRFToken': document.querySelector('[name=csrfmiddlewaretoken]').value } }); </pre>

the "url" parameter seems obligatory and gives me problems

add.html

<pre> <form class="form" novalidate="novalidate" id="kt_add_video_form" data-kt-redirect-url="/" action="#" method="POST" enctype="multipart/form-data"> {% csrf_token %} <!--begin::titre photo group--> <div class="row mb-6"> <!--begin::Label--> <label class="col-lg-3 col-form-label required fw-semibold fs-6" for="{{ form.caption.id_for_label }}">Titre de la photo</label> <!--end::Label--> <!--begin::input--> <div class="col-lg-9 fv-row"> {% render_field form.caption class="form-control form-control-lg form-control-solid mb-3 mb-lg-0" placeholder="Titre"%} </div> <!--end::input--> </div> <!--end::titre photo group--> <!--begin::Dropzone--> <div class="dropzone" id="kt_dropzonejs_example_1"> <!--begin::Message--> <div class="dz-message needsclick"> <i class="ki-duotone ki-file-up fs-3x"><span class="path1"></span><span class="path2"></span></i> <!--begin::Info--> <div class="ms-4"> <h5 class="fs-6 fw-bold text-gray-500 mb-1">Faites glisser votre photo ici ou cliquer pour les charger.</h5> <span class="fs-7 fw-semibold text-gray-500">Jusqu'a 1 Go</span> </div> <!--end::Info--> </div> </div> <!--end::Dropzone--> <button type="submit" id="kt_add_video_submit"class="btn btn-primary" data-kt-videos-modal-action="submit"> </pre>

views.py

<pre> def post(self, request, **kwargs): context = super().get_context_data(**kwargs) form = forms.PhotoForm(user_flotte, request.POST) if form.is_valid(): obj = form.save(commit=False) file = request.FILES['file'] </pre>

this code returns me "MultiValueDictKeyError at /photos/ajout 'file'

request.FILES seems empty.

Thanks