将拖放区限制为单个文件

Question

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

这是我的代码：

<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
};

The doc

Answer 1

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

我建议您从您的表单中删除放置区 class（因为您的代码将实例化该对象）或者您可以使用以下格式更改默认设置：

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

有关详细信息，请参阅 here。

将拖放区限制为单个文件

limit dropzone to single file

dropzone.js

dropzone