javascript - 限制 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 元素的 Camel 标识。对于您的示例，您有 <form>与 id="recommendationDiv"所以你可以设置选项:

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

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



见 Dropzone's configuration documentation .