Dropzone внутри формы Django

Я пытаюсь сделать форму на django, в которую я хочу загрузить фотографию (Dropzone) и ввести ее название. Я не могу отправить поле заголовка и фотографию в представление одновременно. Не могли бы вы мне помочь? Request.files кажется пустым.

add.js

// 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
    }
    });

параметр "url" кажется обязательным и создает мне проблемы, но необходим при использовании keenthemes metronic

add.htm

<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">

views.py

    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']

этот код возвращает мне "MultiValueDictKeyError at /photos/ajout 'file'

".

request.FILES кажется пустым.

Спасибо

Вернуться на верх