我不是直接在表单上而是在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
时,它被触发了,但文件已被处理。
我只希望同时以一种形式发送表单(文件和输入)