Javascript Dropzone.js-设置基本参数

Javascript Dropzone.js-设置基本参数,javascript,dropzone.js,Javascript,Dropzone.js,我正在尝试将Dropzone.js实现到一个定制的CMS中。我在处理PHP中所需的文件时没有问题,这实际上是最简单的部分 我需要知道如何逐页执行以下操作(将在多个页面中为不同的功能使用dropzone脚本): 限制文件类型(jpg、jpeg、pdf) 限制可以上载的文件数量(某些页面将 只需一个文件,有些文件最多可达100个) 限制最大文件大小 重定向页面,或在文件打开时显示“下一步”按钮/链接 上传完成 我可以在页面底部添加此选项,同时处理设置: <script src="../asse

我正在尝试将
Dropzone.js
实现到一个定制的CMS中。我在处理PHP中所需的文件时没有问题,这实际上是最简单的部分

我需要知道如何逐页执行以下操作(将在多个页面中为不同的功能使用dropzone脚本):

  • 限制文件类型(jpg、jpeg、pdf)
  • 限制可以上载的文件数量(某些页面将 只需一个文件,有些文件最多可达100个)
  • 限制最大文件大小
  • 重定向页面,或在文件打开时显示“下一步”按钮/链接 上传完成
  • 我可以在页面底部添加此选项,同时处理设置:

    <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>
    
    
    jQuery(文档).ready(函数(){
    //启动布局和插件
    init();//init Metronic核心组件
    Layout.init();//初始化当前布局
    Demo.init();//init演示功能
    FormDropzone.init();
    });
    
    HTML:

    <div id="my-dropzone"></div>
    
    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 );