dropzone.js和autoProcessQueue = false,事件不起作用

时间:2018-09-08 10:23:11

标签: events file-upload dropzone.js

我不是直接在表单上而是在DIV上使用dropzone.js,所以我以编程方式将其autoProcessQueu=false.初始化

使用这种配置,当我放置文件或将其拖动时,不会触发所有事件。

我要添加文件,然后执行js函数,并仅在按钮提交时处理URL上的文件。

有什么主意吗?

Dropzone.options.myDropZone = {
            autoProcessQueue: false,
            uploadMultiple: false,

            url: "/file/post",

            init: function () {
                this.on("dragend", function (event) {
                    alert (event); //all in this event not fired
                      $('#myDropZone').hide();
                    $('#formUpload').show();
                });

            }
    };

html

 <div class=col-md-6>
    <div class="dropzone bordered" id="myDropZone">
        <div class="dz-default dz-message">
          <div class="icon"><span class="s7-cloud-upload"></span></div>
          <h2>Drag and Drop files here</h2>
          <input type="file" id="video"/>
        </div>
    </div>  
        <div id="formUpload" class="bordered" style="display:none;">
            @_videoUploadForm(videoUploadForm)
        </div>
 </div>   

当我评论autoProcessQueue时,它被触发了,但文件已被处理。

我只希望同时以一种形式发送表单(文件和输入)

0 个答案:

没有答案