dropzone.js - 成功后从dropzone删除预览

Question

我想在dropzone成功事件之后或dropzone完整事件之后回退原始的dropzone及其消息“在这里放置文件”。

我不希望成功或完成后看到预览。

这是我的dropzone脚本:

Dropzone.options.myAwesomeDropzone = {

  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB
  parallelUploads: 1,
  success: function(file, response) {
    var imageSrc = response;
    $(".img-responsive").attr('src', imageSrc);
    if (imageSrc == '/assets/images/offerfeatimg.jpg') {
      $(".removebutton").hide();
    } else {
      $(".removebutton").show();
    }
  }
};

Answer 1

利用@ kkthxby3的想法，可以使用以下代码在成功方法中清除缩略图的innerHTML:

 success: function (file, response) {
      file.previewElement.innerHTML = "";
 }

这种方法的优点在于，它无需触发 removedFile事件即可清除缩略图。

这会将以下html留在缩略图所在的dom中:

 <div class="dz-preview dz-processing dz-image-preview dz-complete"></div>

但是正如您所看到的，上面用来显示缩略图的div现在为空。

另一种方法是甚至删除将缩略图及其内容包装起来的封闭div。可以使用成功方法中的以下代码来完成此方法，并且在dom中不会留下任何缩略图的痕迹:

 success: function (file, response) {
      file.previewElement.parentNode.removeChild(file.previewElement);
 }

享受。