Найти прогресс формы на submit

Question

У меня есть форма с большим количеством загрузок файлов, форма занимает некоторое время, чтобы отправить. Есть ли способ с js или jquery или php, чтобы получить ход подачи формы?

Answer 1

Да, это возможно, так как обновления XHR поступают с HTML5 (клиентская сторона, чистый javascript). Посмотрите на XHR updates на html5rocks.com, особенно в uploading file or blob деталей: вот он идет:

HTML

<progress min="0" max="100" value="0">0% complete</progress> 

JS

function upload(blobOrFile) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('POST', '/server', true); 
    xhr.onload = function(e) { ... }; 

    // Listen to the upload progress. 
    var progressBar = document.querySelector('progress'); 
    xhr.upload.onprogress = function(e) { 
    if (e.lengthComputable) { 
     progressBar.value = (e.loaded/e.total) * 100; 
     progressBar.textContent = progressBar.value; // Fallback for unsupported browsers. 
    } 
    }; 

    xhr.send(blobOrFile); 
} 

upload(new Blob(['hello world'], {type: 'text/plain'})); 

Answer 2

Using files from web applications из Mozilla Developer Network - хорошая статья о загрузке файлов в Jav aScript (без jquery).