確認當用戶在頁面導航時文件正在上傳

Question

我正在使用基於blueimp（http://blueimp.github.com/jQuery-File-Upload）和Ruby on Rails GEM Carrierwave的多文件上傳方案。我遇到的問題是用戶可以在上傳文件完成之前離開網頁。我試圖創建一種方式，如果文件當前正在上傳，並且用戶在上傳完成前導航離開頁面，則應返回確認對話框。有關如何完成此任何想法？

Answer 1

添加到正在處理文件上傳的表單的末尾。

$(window).bind('beforeunload', function() { 
    if ($('#fileupload').data('fileupload')._active) { 
     return 'Leaving now would abort your upload. Are you sure?'; 
    } 
}); 

Answer 2

這可以通過Javascript的onbeforeunload事件來完成。

var upload_pending = false; 

// ... 

// Once upload has started, toggle the boolean flag (in something like 
// a click event on the submit button for the form with the file field, 
// making sure to toggle it back after the upload finishes 
upload_pending = true; 

// ... 

window.onbeforeunload = function (e) { 
    e = e || window.event; 

    if (!upload_pending) return; 

    // For IE<8 and Firefox prior to version 4 
    if (e) { 
    e.returnValue = 'There is a pending upload.'; 
    } 

    // For Chrome, Safari, IE8+ and Opera 12+ 
    return 'There is a pending upload.'; 
};