将拖放区限制为单个文件

Question

我有拖放区，我想将其限制为只有一个文件，我该如何实现？

这是我的代码：

<form action="Options.html" class="dropzone dz-clickable" id="mydropzone">
<div class="dz-default dz-message"><span>Drop file here</span><br /></div>
</form>

我试过这样的：

$('#mydropzone')[0].dropzone = {
maxFiles: 1
};

文档

Answer 1

通过将 dropzone 类放在表单上，它使用默认设置来实例化 dropzone，这意味着当您进入代码时，它会看到 dropzone 已经创建并忽略您的代码。

我建议从表单中删除 dropzone 类(因为您的代码将实例化对象(，或者您可以使用以下格式更改默认设置：

Dropzone.options.myDropZone = {
//myDropZone is the camelized version of the elements ID
maxFiles: 1,
}

有关更多详细信息，请参阅此处。