Utilizing the dropzone tool for uploading files to my server has been quite helpful. I am able to drag and drop multiple files, sending them successfully with a post request.
For each uploaded file, I require specific information related to it. It would be beneficial to have a combobox displayed for each element before proceeding to send them over to the server.
1./ Choose a selection of files
2./ Drop them into the designated zone
3./ A div containing a combobox along with the respective file name should appear (for every file)
4./ Select the desired option (for each individual file)
5./ Transmit all files to the server within a single request (for each file)
Currently, files can only be dragged and dropped, triggering uploads upon being dropped. This results in one request per file.
I aim to include both the file itself and the combobox value in my post request.
While accustomed to resolving issues independently, I am fairly new to front-end programming and could use suggestions on improving my approach.
Any insights or ideas to assist me would be greatly appreciated.
(Front-end code for the drag-and-drop functionality)
<div class="meter">
<span class="roller"></span> //progress bar
</div>
<input hidden id="file" name="file"/>
<div id="dropzone">
<form action="/upload" class="dropzone" id="my-dropzone">
</form>
</div>
<script type="text/javascript" src="dropzone.min.js"></script>
<link rel="stylesheet" type="text/css" href="dropzone.min.css">