multiple-file-upload | Django Multiple Files Upload Using Ajax | File Upload library

I'm write a upload component any files, I am use angular 12 and ASP.NET Web API but report progress doesn't work.

I would want do something like this : https://nemi-chand.github.io/multiple-file-upload-in-angular-using-aspnet-core/

My problem is very similar to Similar Question

I tried my level best and at last, I'm posting my query here. Hope to get a solution for the below problem.

Problem I'm trying to upload multiple files through php. But getting one file in $_FILES array.

Other meta data

1. php.ini config. file_uploads = On
2. php.ini config. upload_max_filesize = 2M
3. php.ini config. max_file_uploads = 20
4. PHP version 8
5. No error in error log

index.html

I have been digging for an answer for many days. how do i upload multiple file to the newly created directory. If you look into file_upload.php you will find two $upload_dir variable. So, let's call first $upload_dir as direct folder and Second, $upload_dir as make dir. Simple

So, When I select first $upload_dir it does upload all files directly into the folder and When I select second $upload_dir what it does is create a random folder but unable to upload any file.

I want to upload multiple file into newly created folder

I did refer this PHP - Upload multiple photos into newly created Directory and Multiple file upload and store them in a directory but didn't work for me

index.php

i was want to creating a multiple image upload file.i want to create just like this: http://learningprogramming.net/net/asp-net-core-mvc/multiple-file-upload-in-forms-in-asp-net-core-mvc/

so similarly when i create a model and did migration.then i found an error.

test.cs

I'm developing a Website which requires me to enable a multiple-File-upload for the user. I have the following input-field:

I am new to Django and i am using this tutorial to add a multiple image upload field to a model in my web application. So far i am stuck (I am unable to link the uploaded photos to Hotel model. The Photos get uploaded but are not associated with the hotel model) at how to associate my Photo Model to the Hotels Model on the HotelCreateView. My question is how do i associate this multiple image filed with my Hotel model so that on creating the hotel the images uploaded are linked to the created hotel. Kindly assist.

Thanks alot

Hotel Model

I'm trying to call a method from a child component which is programatically inserted. Here is my code.

MultipleFileUploader.vue