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