Django Использование формы по умолчанию и отправки файлов с функцией перетаскивания

У меня есть приложение django, которое позволяет пользователю загрузить свое изображение, а затем открывается другой диалог для сбора пользовательских данных, связанных с ними. После отправки диалоговой формы я добавил javascript eventlistener для успешной отправки формы с данными и перенаправляет на атрибут action формы. Я хочу реализовать ту же функциональность, если пользователь опускает свое изображение в браузер, то открывается диалог для сбора данных пользователя, затем делается то же самое, что и выше, и происходит перенаправление на атрибут действия формы. Как я могу этого добиться?

Вот мой код

#--urls.py

from django.urls import path
from . import views
from django.conf import settings
from django.conf.urls.static import static


urlpatterns = [
    path('', views.index, name='index'),
    path('success/', views.success_function, name='success page'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

#--views.py

def index(request):
    form = userForm()
    return render(request, 'polls/hello_world.html', {'form': form})


def success_function(request):
    if request.method == 'POST':
        form = userForm(request.POST, request.FILES)
        user_files = request.FILES.getlist('django_image_field')

        if form.is_valid():
            images_data = []
            for eachfile in user_files:
                #handle_uploaded_file(eachfile)
                file_path = file_upload(eachfile)
                img_details = {'file_path': file_path, 'file_name': eachfile.name}
                images_data.append(img_details)

            return render(request, 'polls/success.html', {'data': images_data})
        else:
            print(form.errors)
            return HttpResponse("Not valid form")
    else:
        return HttpResponse("Not a valid method")

--под forms.py

class NameForm(forms.Form):

    your_name = forms.CharField(required=False, label='Your name', max_length=100)

    django_image_field = forms.ImageField(required=True,
        label="",
        widget=forms.ClearableFileInput(attrs={
            'multiple': True,
            'id':'file-input'
            }))

--#внутренний индекс

<form enctype="multipart/form-data" action="{% url 'success' %}" id="myform" method="POST">
    {% csrf_token %}
    {{ form.django_image_field }}
    
<dialog id="user_dialog">

<form method="dialog" id="more_details">

</h6>
<p>Enter Name: </p>
    {{ form.your_name.label_tag }}
    {{ form.your_name }}

<button id="submit_btn" type="submit">Submit</button> 

</form>

</dialog>

</form>

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