javascript - dropzone 只上传一个文件

Question

我将 dropzone.js 用于我的拖放文件上传解决方案。我只想上传一个文件，如果我上传第二个文件，第一个文件应该被删除，第二个文件应该被上传。知道怎么做..

这是我的html

<form class="dropzone dz-clickable" action="upload.php" enctype='multipart/form-data'>
  <i class="fa fa-cloud-upload element"></i>
  <div style="color:gray;">Drag and drop or click to upload image</div>
  <input type="hidden" name="filenameEmail" class="filenameEmail" value="">
  <input type="hidden" name="side" value="front">
</form>

我更改了 dropzone.js

maxFiles: 1

它只允许上传一个文件，但我不能删除以前上传的文件。请帮助我。提前谢谢

Answer 1

ma​​xFiles: 1 用于告诉 dropzone 应该只有一个文件。当文件多于 1 个时，函数 maxfilesexceeded 将被调用，超出的文件作为第一个参数。

这是一个删除第一个文件预览并添加新文件的简单函数:)

maxFiles:1,
init: function() {
      this.on("maxfilesexceeded", function(file) {
            this.removeAllFiles();
            this.addFile(file);
      });
}