From 38c39918d4b04e32d8cb0a5a0c5d9d4f46908be8 Mon Sep 17 00:00:00 2001 From: Micah Lee Date: Thu, 14 Feb 2019 09:45:41 -0800 Subject: Display upload progress percent in submit button --- share/static/js/receive.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/share/static/js/receive.js b/share/static/js/receive.js index 9f1cd575..746b860e 100644 --- a/share/static/js/receive.js +++ b/share/static/js/receive.js @@ -9,8 +9,9 @@ form.onsubmit = function(event) { event.preventDefault(); // Disable button, and update text - uploadButton.disabled = true; uploadButton.innerHTML = 'Uploading ...'; + uploadButton.disabled = true; + fileSelect.disabled = true; // Create form data var files = fileSelect.files; @@ -25,7 +26,7 @@ form.onsubmit = function(event) { ajax.upload.addEventListener('progress', function(event){ console.log('upload progress', 'uploaded '+event.loaded+' bytes / '+event.total+' bytes'); - var percent = Math.ceil(event.loaded / event.total) * 100; + var percent = parseInt((event.loaded / event.total) * 100, 10); uploadButton.innerHTML = 'Uploading '+percent+'%'; }, false); @@ -35,6 +36,7 @@ form.onsubmit = function(event) { // Re-enable button, and update text uploadButton.innerHTML = 'Send Files'; uploadButton.disabled = false; + fileSelect.disabled = false; } }, false); -- cgit v1.2.3-54-g00ecf