如何限制文件类型进入 Dropzone？答案

【问题标题】：How can restrict the type of files into Dropzone?如何限制文件类型进入 Dropzone？
【发布时间】：2016-01-20 09:03:25
【问题描述】：

我介绍了 Dropzone 库并且运行良好。我想做的是只限制上传图片（.jpg，.png）

这是代码 HTML：

<div class="dropzone dz-clickable" id="myDrop">
              <div class="dz-default dz-message" data-dz-message="">
                     <span>Click or drag file here</span>
              </div>
</div>

这是代码 JS：

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#myDrop", { url: "<?php echo $this->serverUrl().str_replace('public','',$this->basePath()) ?>/user/editpatient/<?php echo $this->pacientInfo->id;?>"});

我尝试在第一行代码之后添加此代码但不起作用

acceptedFiles: ".jpeg,.jpg,.png,.gif",

你能帮我解决这个问题吗？

提前致谢！

【问题讨论】：

标签： dropzone.js

【解决方案1】：

不确定“第一行之后”是什么意思，但 acceptedFiles 选项必须放在 dropzone 配置中。

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("div#myDrop", {
    acceptedFiles: "image/*",
    url: "<?php echo $this->serverUrl().str_replace('public','',$this->basePath()) ?>/user/editpatient/<?php echo $this->pacientInfo->id;?>"
});

另外指出你不应该只在这种验证上中继，最好还是在服务器端检查文件。

【讨论】：