From dc82a438d4104b79ff423d502a6779a43928968a Mon Sep 17 00:00:00 2001
From: lacni <nicolas.lacombe@onirique.io>
Date: Thu, 27 Feb 2025 21:11:52 -0500
Subject: [PATCH] fix: refactored uploadFile to only accept a single file
 instead of multiple

---
 public/script.js | 27 ++++++++-------------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/public/script.js b/public/script.js
index ad89c8d..7c393b3 100644
--- a/public/script.js
+++ b/public/script.js
@@ -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) => {