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

Posted 2021-04-20

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

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

1. /选择一系列文件

2. /将它们放入放置区

---

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

4. /选择选项（对于每个文件）

---

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

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

我想至少，在我的帖子请求中获取文件，并使用组合框的值。

我曾经用“我自己”来解决问题，但我正在开始编程，我想念很多概念来找到一个好的思考方式。

你有什么想法帮助我吗？

谢谢

（“我的”前面代码为拖放）

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

答案

我对dropzonejs了解得更多，我发现了搜索的好方法。

How to add text input to dropzone upload

问题解决了