如何在一个表单中添加两个dropzone

Question

我的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属性设置了一些值。

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

Answer 1

您必须为action属性设置一些值。 action属性指定在提交form时将表单数据发送到何处。因此，如果您未指定action属性，则在单击submit按钮后，拖放的文件肯定无法找到任何目标。
如果这不是您的主要问题，您可能需要通过this link了解Plupload库以使用多个dropzones。