Dropzone.js - 设置基本参数

Question

我正在尝试将 Dropzone.js 实施到自定义 CMS 中。我在 PHP 中根据需要处理文件没有问题，这实际上是简单的部分。

我需要知道如何逐页执行以下操作（将在多个页面中使用 dropzone 脚本来实现不同的功能）：

1. 限制文件类型（jpg、jpeg、pdf）
2. 限制可以上传的文件数量（某些页面会 只是一个文件，有的会达到 100 个）
3. 限制最大文件大小
4. 重定向页面或在文件出现时显示“下一步”按钮/链接 上传完成。

我可以在页面底部添加这个，同时解决设置：

<script src="../assets/global/plugins/dropzone/dropzone.js"></script>
<script>
jQuery(document).ready(function() {
   // initiate layout and plugins
   Metronic.init(); // init metronic core components
   Layout.init(); // init current layout
   Demo.init(); // init demo features
   FormDropzone.init();
});
</script>

Answer 1

HTML：

<div id="my-dropzone"></div>

JavaScript：

var initDropzone = function( filesAllowed ){

    Dropzone.options.myDropzone = {

      paramName: "file", 
      uploadMultiple: true,
      maxFiles: filesAllowed, //this will need to be set upon init,
      acceptedFiles: ['image/jpeg', 'image/jpg', 'application/pdf'],
      complete: function() {
          alert('Your file was successfully uploaded!');
      }

    };
}

//init the dropzone
initDropzone( 4 );