删除未出现在 dropzone 中的图标

Question

我正在 Laravel 项目中使用 Dropzone。我已经成功实现了它，但是在我上传图片后没有出现删除图标。

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

Dropzone.options.myAwesomeDropzone = {
  paramName: "file",
  addRemoveLinks: true,
  maxFilesize: 5, // MB
  init: function() {},
  accept: function(file, done) {},
  removedfile: function(file) {},
};

Answer 1

我不能确定，但也许当您设置 addRemoveLinks 选项时 Dropzone 已经初始化。你能尝试在初始化时这样做吗（在你的 domReady 中）：

Dropzone.autoDiscover = false;
var myDropzone = new Dropzone('#dropzoneFileUpload', {
    paramName: "file",
    addRemoveLinks: true,
    maxFilesize: 5, // MB
    init: function() {},
    accept: function(file, done) {},
    removedfile: function(file) {}
}

Answer 2

在 addRemoveLinks 之后将以下行添加到选项

removedfile: function (file) {
 var _ref;
 return (_ref = file.previewElement) != null ? ref.parentNode.removeChild(file.previewElement) : void 0;        
},

删除未出现在 dropzone 中的图标

Remove icon not appearing in dropzone

jquery

dropzone.js

dropzone