如何以一种形式添加两个放置区

【问题标题】：How to add two dropzone in one form如何以一种形式添加两个放置区
【发布时间】：2017-07-14 07:10:15
【问题描述】：

我的html代码是

<form action="http://localhost:5000/fileUpload" method="POST" enctype="multipart/form-data">
    <div class="dropzone">
        <div class="fallback">
            <input  id="fileContent" name="Content" type="file" multiple />
    </div>
    <div class="dropzone">
        <div class="fallback">
            <input id="fileStyle" name="Style" type="file" />
        </div>
    </div>
    <input class="btn btn-primary" name="submit" type="submit" value="Submit"></button>
</form>

并且div 标记不会继承拖放属性，除非action 属性设置了某些值。

基本上我想要两个输入来获取两个不同的文件，这就是为什么我想要两个拖放框或输入

【问题讨论】：

标签： html dropzone.js

【解决方案1】：

您必须为action 属性设置一些值。 action 属性指定在提交form 时将表单数据发送到何处。所以如果不指定action属性，点击submit按钮后，拖拽文件肯定找不到目的地。
如果这不是您的主要问题，您可能想通过this link 了解有关使用多个放置区的 Plupload 库。

【讨论】：

是的，但我在我的外部表单标签中指定了该操作值
在我的情况下，从外部表单标签指定它工作得很好！
表单标签是否有class="dropzone"。因为在我的情况下想要获得两个输入字段，这就是我需要 2 个放置区的原因。
是的，我可以在两个 dropzone 中输入两种不同类型的文件。
如果我没有得到你，你可以阅读我在答案中提到的文档。