Dropzone阻止页面卸载

Question

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

Answer 1

您必须停止提交表单，直到所有文件都在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');
        });
    } 
});

Answer 2

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