Update index.html

index.html

@@ -37,14 +37,18 @@
       uploadButton.addEventListener('click', upload);
 
       function isS3Url(url) {
-        console.log(url);
-        // Replace this with the actual condition to identify S3 URLs
-        return url.startsWith('https://s3.amazonaws.com/');
+        // The condition to identify S3 URLs and other URLs to track
+        return url.startsWith('https://s3.amazonaws.com/') ||
+               url.includes('preupload/main') ||
+               url.includes('commit/main');
       }
 
       // Save the original fetch function
       const originalFetch = fetch;
 
+      // Create a variable to track the total uploaded size
+      let totalUploaded = 0;
+
       // Replace the global fetch function
       fetch = (url, init) => {
         if (isS3Url(url) && init.method === 'PUT') {
@@ -72,8 +76,9 @@
 
             xhr.upload.onprogress = (event) => {
               if (event.lengthComputable) {
+                totalUploaded += event.loaded;
                 const progressBar = document.getElementById('progressBar');
-                progressBar.value = (event.loaded / event.total) * 100;
+                progressBar.value = totalUploaded;
               }
             };
 
@@ -106,7 +111,8 @@
           for (let file of files) {
             totalSize += file.size;
           }
-          totalSize = totalSize / (1024 * 1024);
+          progressBar.max = totalSize;  // Set the max value of progress bar
+          totalUploaded = 0;  // Reset total uploaded size
 
           const startTime = Date.now();
 
@@ -133,7 +139,7 @@
             });
 
             console.log(`All files uploaded successfully`);
-            progressBar.value = 100;
+            progressBar.value = totalSize;
           } catch (error) {
             console.error('Error uploading files', error);
             errorDiv.textContent = 'Error uploading files';
@@ -155,4 +161,4 @@
       }
     </script>
   </body>
-</html>
+</html>