jquery - Dropzone 防止页面卸载

Question

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

Answer 1

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

Answer 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');
        });
    } 
});