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

问题描述

我正在使用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">

标签： javascriptdrag-and-dropweb-frontenddropzone

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

问题描述

解决方案

推荐阅读