anatolykopyl/file-directory
1
0
Fork 0
mirror of https://github.com/anatolykopyl/file-directory.git synced 2026-03-26 12:54:30 +00:00
Code Issues Projects Releases Wiki Activity

Added a progress bar

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-01-04 12:34:53 +03:00
parent 6011a350f7
commit 632ba780af
2 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
main.js
View File

@@ -17,12 +17,25 @@ buttons.forEach((button) => {
});
const fileInput = document.getElementById('upload');
const progressBar = document.getElementById('progress');
fileInput.addEventListener('change', async function (event) {
const file = event.target.files[0];
let formData = new FormData();
formData.append("file", file);
const response = await fetch('upload.php', { method: "POST", body: formData });
if (response.status === 200) {
// const response = await fetch('upload.php', { method: "POST", body: formData });
// if (response.status === 200) {
// window.location.reload(false);
// }
axios.request({
method: "post",
url: "upload.php",
data: formData,
headers: { "Content-Type": "multipart/form-data" },
onUploadProgress: (p) => {
progressBar.style.display = 'block';
progressBar.style.width = `${p.loaded / p.total}%`;
}
}).then (data => {
window.location.reload(false);
}
});
})
});