Question

注意：我厌倦了所有问题＆amp;回答相关这个话题。

我在我的应用程序中使用Dropzone js。我想在我的dropzone中仅限制3个文件上传，然后正常工作。

问题我上传了四个号码文件然后删除了我以前的三个文件。这是不正确的。

我想只在上传时提醒（四个号码文件）。但前三个文件没有删除。

步骤：

1. 前三个文件在dropzon上传。

2. 在Dropzone中再添加一个文件。然后警惕乱七八仅不是上一个文件删除

我的代码 Here

Answer 1

https://jsfiddle.net/mxxa0bk8/16/

 var accept = ".png";
Dropzone.autoDiscover = false;

// Dropzone class:
var myDropzone = new Dropzone("#mydropzone", { 
url: "/file/post",
 acceptedFiles: accept,
 uploadMultiple: false,
createImageThumbnails: false,
addRemoveLinks: true,
maxFiles: 3,
 maxfilesexceeded: function(file) {
     alert("No moar files please!");
},init: function() {
       this.on("maxfilesexceeded", function(file) {
this.removeFile(file);
});
this.on('error', function(file, errorMessage) {
  var mypreview = document.getElementsByClassName('dz-error');
  mypreview = mypreview[mypreview.length - 1];
  mypreview.classList.toggle('dz-error');
  mypreview.classList.toggle('dz-success');
});
 }

 });

Answer 2

以下代码段将使dropzone在完成后删除文件：

this.on("complete", function(file) {
  this.removeFile(file);
});

在此下面添加：

this.on('error', function(file, errorMessage) {
  var mypreview = document.getElementsByClassName('dz-error');
  mypreview = mypreview[mypreview.length - 1];
  mypreview.classList.toggle('dz-error');
  mypreview.classList.toggle('dz-success');
});

Dropzone Js max文件上传无法正常工作

2 个答案: