Simon/ConvertX
1
0
Fork 0
mirror of https://github.com/C4illin/ConvertX.git synced 2026-06-28 15:05:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: refactored uploadFile to only accept a single file instead of multiple

Browse Source
This commit is contained in:
lacni
2025-02-27 21:11:52 -05:00
parent cc54bdcbe7
commit dc82a438d4
1 changed files with 8 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/script.js
View File

@@ -160,10 +160,8 @@ fileInput.addEventListener("change", (e) => {
// Append the file to the hidden input
fileNames.push(file.name);
}
for (const file of files) {
uploadFiles([file]);
uploadFile(file);
}
});
@@ -204,16 +202,13 @@ const deleteRow = (target) => {
.catch((err) => console.log(err));
};
const uploadFiles = (files) => {
const uploadFile = (file) => {
convertButton.disabled = true;
convertButton.textContent = "Uploading...";
pendingFiles += 1;
const formData = new FormData();
for (const file of files) {
formData.append("file", file, file.name);
}
formData.append("file", file, file.name);
let xhr = new XMLHttpRequest();
@@ -231,24 +226,18 @@ const uploadFiles = (files) => {
}
//Remove the progress bar when upload is done
for (const file of files) {
let progressbar = file.htmlRow.getElementsByTagName("progress");
progressbar[0].parentElement.remove();
}
let progressbar = file.htmlRow.getElementsByTagName("progress");
progressbar[0].parentElement.remove();
console.log(data);
};
xhr.upload.onprogress = (e) => {
//All files upload together are binded by the same progress. The loop should probably be on the call to this function (uploadFiles) to track each upload individually.
//This will consequently only allow a single file uploaded per request.
let sent = e.loaded;
let total = e.total;
console.log(`upload progress (${files[0].name}):`, (100 * sent) / total);
console.log(`upload progress (${file.name}):`, (100 * sent) / total);
for (const file of files) {
let progressbar = file.htmlRow.getElementsByTagName("progress");
progressbar[0].value = ((100 * sent) / total);
}
let progressbar = file.htmlRow.getElementsByTagName("progress");
progressbar[0].value = ((100 * sent) / total);
};
xhr.onerror = (e) => {