Update app.py

app.py

@@ -701,28 +701,38 @@ HTML_CONTENT = """
                 formData.append('file', file);
 
                 try {
-                    const response = await fetch('/upload', {
-                        method: 'POST',
-                        body: formData
-                    });
-
-                    if (response.ok) {
-                        const result = await response.json();
-                        if (result.url) {
-                            addResultLink(result.url, file.name, result.originalExtension);
-                            saveToHistory(file.name, result.url, result.originalExtension);
+                    const xhr = new XMLHttpRequest();
+                    xhr.open('POST', '/upload', true);
+                    xhr.upload.onprogress = (event) => updateProgress(event, progressBar.querySelector('.progress'));
+                    
+                    xhr.onload = function() {
+                        if (xhr.status === 200) {
+                            const response = JSON.parse(xhr.responseText);
+                            if (response.url) {
+                                addResultLink(response.url, file.name, response.originalExtension);
+                                saveToHistory(file.name, response.url, response.originalExtension);
+                            } else {
+                                throw new Error('Upload failed: ' + response.error);
+                            }
                         } else {
-                            throw new Error('Upload failed: ' + result.error);
+                            throw new Error(`HTTP error! status: ${xhr.status}`);
                         }
-                    } else {
-                        throw new Error(`HTTP error! status: ${response.status}`);
-                    }
+                    };
+
+                    xhr.onerror = function() {
+                        throw new Error('Network error occurred');
+                    };
+
+                    xhr.send(formData);
+
+                    await new Promise((resolve, reject) => {
+                        xhr.onloadend = resolve;
+                        xhr.onerror = reject;
+                    });
                 } catch (error) {
                     console.error('Upload error:', error);
                     alert(`Failed to upload ${file.name}: ${error.message}`);
                 }
-
-                updateProgress({ loaded: 1, total: 1 }, progressBar.querySelector('.progress'));
             }
 
             resetUploadState();
@@ -876,7 +886,7 @@ HTML_CONTENT = """
                 historyList.appendChild(historyItem);
             });
             historyModal.style.display = "block";
-        }
+                }
 
         function quickOpen(url, fileName, originalExtension) {
             quickOpenContent.innerHTML = '';
@@ -887,7 +897,7 @@ HTML_CONTENT = """
                 img.src = fullUrl;
                 img.alt = fileName;
                 quickOpenContent.appendChild(img);
-                        } else if (originalExtension.toLowerCase() === 'mp4') {
+            } else if (originalExtension.toLowerCase() === 'mp4') {
                 const video = document.createElement('video');
                 video.src = fullUrl;
                 video.controls = true;