Question

我介绍了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",

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

提前致谢！

Answer 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;?>"
});

另外请注意，您不应仅仅通过此类验证进行中继，最好还是检查服务器端的文件。

如何将文件类型限制为Dropzone？

1 个答案: