限制 Dropzone 仅上传特定类型的文件

Question

我正在使用 Dropzone 上传文件，这是我的代码

<div>
    <form id="mainDiv" class="dropzone needsclick" enctype="multipart/form-data" method="post" action="uploadFiles?type=5" role="form">

        <div class="dz-message needsclick">
            Drop files here or click to upload.<br />
            <span class="note needsclick">(Please upload <strong>PDF, JPG, GIF, PNG, PDF</strong> files only.)</span>
        </div>

    </form>
</div>


<div>
    <form id="recommendationDiv" class="dropzone needsclick" enctype="multipart/form-data" method="post" action="uploadFiles?type=5" role="form">

        <div class="dz-message needsclick">
            Drop files here or click to upload.<br />
            <span class="note needsclick">(Please upload <strong>PDF, JPG, GIF, PNG, PDF</strong> files only.)</span>
        </div>

    </form>
</div>

上传工作正常，但我想限制上传文件的类型

<script>

  Dropzone.options.dropzone = {
        acceptedFiles:'image/*'       
    };


</script>

接受的文件似乎不起作用，它只是上传所有内容。

Answer 1

您需要包含 dropzone 元素的骆驼 ID。对于您的示例，您有 <form> 和 id="recommendationDiv"，因此您可以设置选项：

Dropzone.options.recommendationDiv = {
    acceptedFiles: 'image/*'
};

您正在为 ID "dropzone" 不存在的表单设置选项。使用正确的 ID 设置后，您应该会看到正确的行为：

见Dropzone's configuration documentation。

限制 Dropzone 仅上传特定类型的文件

Restrict Dropzone to upload only specific type of files

javascript

dropzone.js

dropzone