onclick上传dropzone jquery

我有一个dropzone，但拖动时会自动上载文件，我需要在单击“保存”按钮时上载文件，可能使用onclick不是正确的方法

<section id="widget-grid" class="col-lg-12">

                <div class="row">

                    <article class="col-sm-12">

                        <div class="jarviswidget" id="wid-id-4" data-widget-editbutton="false" data-widget-custombutton="false" data-widget-deletebutton="false" data-widget-sortable="false">

                            <header>
                              <span class="widget-icon"> <i class="fa fa-cloud"></i> </span>
                              <h2>Insertar Archivo</h2>
                            </header>
                            <div>
                                <div class="jarviswidget-editbox">
                                </div>
                              <div class="widget-body">
                              <fieldset>
                                <form action="../upload.php" class="dropzone" id="mydropzone"></form>
                                </fieldset>
                                <br/>
                                <footer>
                                    <!-- <button id="clickable">Click me to select files</button> -->
                                    <!-- <button id="btn-modificar" class="btn btn-primary hidden" onclick="modificar()" type="button">
                                        Modificar <i class="fa fa-floppy-o"></i>
                                    </button> -->

                                    <button class="btn btn-primary btn pull-right" onclick="AgregarPauta()" type="button">
                                        Guardar <i class="fa fa-floppy-o"></i>
                                    </button>



                                </footer>
                                <br><br/>
                              </div>
                            </div>
                        </div>
                    </article>
              </div>
            </section>

不使用onclick上传正如您在中看到的，您可以在插件内部设置许多选项。如果要在单击按钮后上载文件，请将

autoProcessQueue:false

放在按钮单击的操作上，然后使用

processQueue（）

方法处理队列。 以下是一个例子：

   var myDrop;
   Dropzone.options.myDrop = {
        maxFilesize: 5, //MB
        maxFiles: 5,
        uploadMultiple: true,
        paramName: "files",
        autoProcessQueue: false,
        addRemoveLinks: true,
        parallelUploads: 25,
        init: function () {
            myDrop = this;
            ...
        }
    }

    $('#uploadFiles').on('click', function (e) {
        e.preventDefault();
        e.stopPropagation();
        myDrop.processQueue();
        $(this).css('display', 'none');
    });

另外，不要在单击事件时调用的函数中初始化dropzone，只需在页面加载时初始化它

   var myDrop;
   Dropzone.options.myDrop = {
        maxFilesize: 5, //MB
        maxFiles: 5,
        uploadMultiple: true,
        paramName: "files",
        autoProcessQueue: false,
        addRemoveLinks: true,
        parallelUploads: 25,
        init: function () {
            myDrop = this;
            ...
        }
    }

    $('#uploadFiles').on('click', function (e) {
        e.preventDefault();
        e.stopPropagation();
        myDrop.processQueue();
        $(this).css('display', 'none');
    });