2017-04-13 67 views
0

我有一个悬浮窗,可自动上传文件拖动时,我需要上传文件时,我点击保存按钮,也许用点击数不thranks点击数上传悬浮窗的jQuery

<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!' 


    }); 

上传不使用onclik

回答

0

正如你在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'); 
    }); 

另外,不要初始化悬浮窗,你在点击事件调用一个函数里面,只是将其初始化页面加载