如何在 Dropzone 中仅上传单个图像来创建文件上传器

Question

我用 Dropzone.js 创建了一个文件上传器

<div id="dropzone"></div>

和jquery代码：

$("#dropzone").dropzone({
    url: '/',
    multiple:false,
    autoProcessQueue: false,
    paramName: "file",
    addRemoveLinks: true,
    dictRemoveFile: '<span class="fa fa-close"></span>',
    acceptedFiles: 'image/jpeg',
});

但是当我渲染页面时，我可以选择多个图像。我希望用户只选择一个图像，当他们再次选择其他图像时，第二个图像替换为第一个图像。

Answer 1

编辑您的 jquery 代码：

$("#dropzone").dropzone({
    url: '/',
    multiple:false,
    autoProcessQueue: false,
    paramName: "file",
    addRemoveLinks: true,
    dictRemoveFile: '<span class="fa fa-close"></span>',
    acceptedFiles: 'image/jpeg',
    init: function() {
      this.on("addedfile", function() {
        if (this.files[1]!=null){
          this.removeFile(this.files[0]);
        }
      });
    }
});