Question

我有一个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 =“AgregarPauta（）”没有工作

的js

function AgregarPauta(){   

  // pageSetUp();


  // Dropzone.autoDiscover = true;
  $("#mydropzone").dropzone({
    uploadMultiple: false,
    addRemoveLinks : true,
    maxFilesize: 0.5,
    dictResponseError: 'Error uploading file!'


  });

不使用onclick上传

Answer 1

正如您在Dropzone documentation中所看到的，您可以在插件中设置很多选项。如果要在单击按钮后上载文件，请放置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');
    });

此外，不要在您调用click事件的函数内初始化dropzone，只需在页面加载时初始化它

onclick上传dropzone jquery

1 个答案: