Update app.py

app.py

@@ -537,12 +537,12 @@ HTML_CONTENT = """
         <h1>Radd PRO Uploader</h1>
         <form id="uploadForm">
             <div id="dropZone" class="drop-zone">
-                <input type="file" name="file" id="file" class="file-input" accept="*" multiple required>
-                <label for="file" class="btn">Choose Files</label>
-                <p>or drag and drop files here/paste image</p>
+                <input type="file" name="file" id="file" class="file-input" accept="*" required>
+                <label for="file" class="btn">Choose File</label>
+                <p>or drag and drop file here/paste image</p>
             </div>
             <div class="file-name" id="fileName"></div>
-            <button type="submit" id="uploadBtn" class="btn" style="display: none; margin-top: 1rem;">Upload Files</button>
+            <button type="submit" id="uploadBtn" class="btn" style="display: none; margin-top: 1rem;">Upload File</button>
             <div class="progress-container" id="progressContainer"></div>
             <div class="loading-spinner" id="loadingSpinner"></div>
         </form>
@@ -607,7 +607,7 @@ HTML_CONTENT = """
         uploadForm.addEventListener('submit', (e) => {
             e.preventDefault();
             if (fileInput.files.length > 0) {
-                uploadFiles(fileInput.files);
+                uploadFile(fileInput.files[0]);
             }
         });
 
@@ -627,15 +627,11 @@ HTML_CONTENT = """
         });
 
         document.addEventListener('paste', (e) => {
-            e.preventDefault();
             const items = e.clipboardData.items;
             for (let i = 0; i < items.length; i++) {
                 if (items[i].kind === 'file') {
                     const file = items[i].getAsFile();
-                    const dT = new DataTransfer();
-                    dT.items.add(file);
-                    fileInput.files = dT.files;
-                    handleFileSelect({ target: { files: dT.files } });
+                    handleFileSelect({ target: { files: [file] } });
                     break;
                 }
             }
@@ -678,17 +674,17 @@ HTML_CONTENT = """
 
         function handleFileSelect(e) {
             if (e.target.files && e.target.files.length > 0) {
-                const files = e.target.files;
-                let fileNames = [];
-                for (let i = 0; i < files.length; i++) {
-                    fileNames.push(files[i].name);
-                }
-                fileName.textContent = fileNames.join(', ');
+                const file = e.target.files[0];
+                fileName.textContent = file.name;
                 uploadBtn.style.display = 'inline-block';
+                
+                const dataTransfer = new DataTransfer();
+                dataTransfer.items.add(file);
+                fileInput.files = dataTransfer.files;
             }
         }
 
-        async function uploadFiles(files) {
+        async function uploadFile(file) {
             progressContainer.innerHTML = '';
             progressContainer.style.display = 'block';
             loadingSpinner.style.display = 'block';
@@ -696,14 +692,13 @@ HTML_CONTENT = """
             resultContainer.innerHTML = '';
             resultContainer.style.display = 'none';
 
-            for (let i = 0; i < files.length; i++) {
-                const file = files[i];
-                const progressBar = createProgressBar(file.name);
-                progressContainer.appendChild(progressBar);
+            const progressBar = createProgressBar(file.name);
+            progressContainer.appendChild(progressBar);
 
-                const formData = new FormData();
-                formData.append('file', file);
+            const formData = new FormData();
+            formData.append('file', file);
 
+            while (true) {
                 try {
                     const xhr = new XMLHttpRequest();
                     xhr.open('POST', '/upload', true);
@@ -715,6 +710,8 @@ HTML_CONTENT = """
                             if (response.url) {
                                 addResultLink(response.url, file.name, response.originalExtension);
                                 saveToHistory(file.name, response.url, response.originalExtension);
+                                resetUploadState();
+                                return;
                             } else {
                                 throw new Error('Upload failed: ' + response.error);
                             }
@@ -733,13 +730,13 @@ HTML_CONTENT = """
                         xhr.onloadend = resolve;
                         xhr.onerror = reject;
                     });
+
+                    break;
                 } catch (error) {
                     console.error('Upload error:', error);
-                    alert(`Failed to upload ${file.name}: ${error.message}`);
+                    await new Promise(resolve => setTimeout(resolve, 1000));
                 }
             }
-
-            resetUploadState();
         }
 
         function createProgressBar(fileName) {
@@ -886,13 +883,13 @@ HTML_CONTENT = """
                     actionsContainer.appendChild(embedBtn);
                 }
 
-                                historyItem.appendChild(actionsContainer);
+                historyItem.appendChild(actionsContainer);
                 historyList.appendChild(historyItem);
             });
             historyModal.style.display = "block";
         }
 
-        function quickOpen(url, fileName, originalExtension) {
+                function quickOpen(url, fileName, originalExtension) {
             quickOpenContent.innerHTML = '';
             const fullUrl = window.location.origin + url;