Update index.html

index.html

@@ -50,18 +50,19 @@
       let totalUploaded = 0;
 
       // Replace the global fetch function
+      let progressMap = new Map();
+      
       fetch = (url, init) => {
-        console.log(url, init.method)
-        if (isS3Url(url) && init.method === 'PUT') {
+        if (init.method === 'PUT') {
           return new Promise((resolve, reject) => {
             const xhr = new XMLHttpRequest();
-
+      
             xhr.open(init.method, url);
-
+      
             for (let header in init.headers) {
               xhr.setRequestHeader(header, init.headers[header]);
             }
-
+      
             xhr.onload = () => {
               resolve({
                 ok: xhr.status >= 200 && xhr.status < 300,
@@ -71,18 +72,19 @@
                 json: () => Promise.resolve(JSON.parse(xhr.responseText))
               });
             };
-
+      
             xhr.onerror = () => reject(new TypeError('Network request failed'));
             xhr.ontimeout = () => reject(new TypeError('Network request failed due to timeout'));
-
+      
             xhr.upload.onprogress = (event) => {
               if (event.lengthComputable) {
-                totalUploaded += event.loaded;
+                progressMap.set(url, event.loaded);
+                totalUploaded = Array.from(progressMap.values()).reduce((a, b) => a + b, 0);
                 const progressBar = document.getElementById('progressBar');
                 progressBar.value = totalUploaded;
               }
             };
-
+      
             xhr.send(init.body);
           });
         } else {
@@ -91,6 +93,7 @@
         }
       };
 
+
       async function upload() {
         const fileInput = document.getElementById('fileUpload');
         const files = Array.from(fileInput.files);