将 maxfiles 动态添加到 dropzone答案

【问题标题】：add maxfiles dynamically to dropzone将 maxfiles 动态添加到 dropzone
【发布时间】：2018-07-28 22:30:55
【问题描述】：

我在 Laravel 中使用 dropzone 我需要在单击按钮时添加最大数量的照片，但它没有获取变量的值，但是当我更改并输入数字时效果很好。

('#add').on("click", function(e){
  e.preventDefault();
  var max_photos = $("#num_photos").val();
  max_photos = 5 - max_photos;
  $( "#add-photos" ).fadeIn();
});

Dropzone.autoDiscover = false;
var myDropzone2 =  new Dropzone("div#add-photos-edit", {      
      url: "../../update/store2", 
      autoProcessQueue:false,
      parallelUploads: 100,
      uploadMultiple: true,
      maxFilesize:5,
      maxFiles: max_photos,
      acceptedFiles: ".jpeg,.jpg,.png,.gif",
      headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      init: function() {
          myDropzone2 = this; // closure
          var btn = document.querySelector("#submit");         
          btn.addEventListener("click", function(e) {
              e.preventDefault();
              e.stopPropagation();

          });
          this.on("sending", function(file, xhr, data) {
          });

          this.on("success", function(file, xhr){
            alert(file.xhr.response);

          })
      }

});


$("#submit").click( function(e){
      e.preventDefault();
      myDropzone2.processQueue();
});

【问题讨论】：

标签： dropzone.js dropzone

【解决方案1】：

很可能变量max_photos在dropzone元素初始化之前没有被设置，你可以反过来处理它，初始化dropzone然后设置maxFiles选项。

Dropzone.autoDiscover = false;

var myDropzone2 =  new Dropzone("div#add-photos-edit", {
  /*
   * Your configuration
   */
});

$('#add').on("click", function(e){

  var max_photos = $("#num_photos").val();
  max_photos = 5 - max_photos;
  $( "#add-photos" ).fadeIn();

  myDropzone2.options.maxFiles = max_photos;

});

【讨论】：