{Multi Drag-and-drop} 如何在上传前为每个文件显示一个组合框

Question

我正在使用 dropzone 在我的服务器上上传文件。我可以拖放多个文件，并使用 post 请求正确发送它。

我需要为每个上传的文件提供相关信息。我想在将每个元素发送到服务器之前显示一个组合框。

1./Select一系列文件

2./ 将它们放入放置区

3./ 显示带有组合框和文件名的 div（对于每个文件）

4./ Select 选项（每个文件）

5./ 在同一个请求中发送给服务器。（对于每个文件）

此时我只能拖放文件，拖放时正在上传。每个文件一个请求。

我至少想要获取文件，其中包含我的 post 请求中组合框的值。

我曾经通过 "myself" 解决问题，但我正在开始前端编程，我错过了很多概念来找到一个好的思考方式。

你有什么想法可以帮助我吗？

谢谢

("my" 拖放的前端代码)

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

Answer 1

我了解了更多关于dropzonejs的东西，我找到了搜索的好方法。

How to add text input to dropzone upload

问题已解决

{Multi Drag-and-drop} 如何在上传前为每个文件显示一个组合框

{Multi Drag-and-drop} How to display a combobox for each file before upload

javascript

drag-and-drop

web-frontend

dropzone