Dropzone 防止页面卸载答案

【问题标题】：Dropzone prevent page unloadDropzone 防止页面卸载
【发布时间】：2014-02-21 15:48:00
【问题描述】：

我正在使用 dropzone 上传文件，但我想防止在上传期间卸载页面。如何将 dropzone 与 window.onbeforeunload 同步？

【问题讨论】：

【解决方案1】：

$(window).bind('beforeunload', function() {
    var dz=$("#my-dropzone")
    if (dz.length && dz[0].dropzone && dz.dropzone.getUploadingFiles().length>0){
        return 'Warning...';
    }
});

【讨论】：

【解决方案2】：

在所有文件上传到 dropzone 之前，您必须停止提交表单

var submitfiles = false;
var submitButton = document.querySelector("#submit");
submitButton.addEventListener("click", function (file) {

    if (myDropzone.getAcceptedFiles().length > 0) {
        if (submitfiles === true) {
            submitfiles = false;
            return;
        }

        file.preventDefault();
        myDropzone.processQueue();

        myDropzone.on("complete", function () {
            submitfiles = true;
            $('#submit').trigger('click');
        });
    } 
});

【讨论】：