Update app.py

app.py

@@ -602,14 +602,15 @@ HTML_CONTENT = """
         const historyList = document.getElementById('historyList');
         const quickOpenContent = document.getElementById('quickOpenContent');
 
-        let pastedImageCounter = 0;
+        let pastedFiles = [];
 
         fileInput.addEventListener('change', handleFileSelect);
 
         uploadForm.addEventListener('submit', (e) => {
             e.preventDefault();
-            if (fileInput.files.length > 0) {
-                uploadFiles(fileInput.files);
+            const filesToUpload = fileInput.files.length > 0 ? fileInput.files : pastedFiles;
+            if (filesToUpload.length > 0) {
+                uploadFiles(filesToUpload);
             }
         });
 
@@ -630,25 +631,37 @@ HTML_CONTENT = """
 
         document.addEventListener('paste', (e) => {
             const items = e.clipboardData.items;
-            const files = [];
             for (let i = 0; i < items.length; i++) {
                 if (items[i].kind === 'file') {
                     const file = items[i].getAsFile();
-                    const newFileName = generateUniqueFileName(file.name);
+                    const newFileName = generateUniqueFileName(file.name, pastedFiles);
                     const renamedFile = new File([file], newFileName, { type: file.type });
-                    files.push(renamedFile);
+                    pastedFiles.push(renamedFile);
                 }
             }
-            if (files.length > 0) {
-                handleFileSelect({ target: { files: files } });
+            if (pastedFiles.length > 0) {
+                updateFileNameDisplay();
+                uploadBtn.style.display = 'inline-block';
             }
         });
 
-        function generateUniqueFileName(originalName) {
+        function generateUniqueFileName(originalName, fileList) {
             const extension = originalName.split('.').pop();
             const baseName = originalName.split('.').slice(0, -1).join('.');
-            pastedImageCounter++;
-            return `${baseName}${pastedImageCounter}.${extension}`;
+            let counter = 1;
+            let newName = originalName;
+
+            while (fileList.some(file => file.name === newName)) {
+                newName = `${baseName}${counter}.${extension}`;
+                counter++;
+            }
+
+            return newName;
+        }
+
+        function updateFileNameDisplay() {
+            const fileNames = pastedFiles.map(file => file.name).join(', ');
+            fileName.textContent = fileNames;
         }
 
         span[0].onclick = function() {
@@ -691,6 +704,7 @@ HTML_CONTENT = """
                 const fileNames = Array.from(e.target.files).map(file => file.name).join(', ');
                 fileName.textContent = fileNames;
                 uploadBtn.style.display = 'inline-block';
+                pastedFiles = []; // Clear pasted files when new files are selected
             }
         }
 
@@ -780,6 +794,7 @@ HTML_CONTENT = """
             uploadBtn.style.display = 'none';
             uploadBtn.disabled = false;
             loadingSpinner.style.display = 'none';
+            pastedFiles = [];
         }
 
         function addResultLink(url, fileName, originalExtension) {
@@ -858,7 +873,7 @@ HTML_CONTENT = """
                 const historyItem = document.createElement('div');
                 historyItem.className = 'history-item';
                 
-                const itemName = document.createElement('span');
+                                const itemName = document.createElement('span');
                 itemName.className = 'history-item-name';
                 itemName.textContent = item.fileName;
                 historyItem.appendChild(itemName);
@@ -870,7 +885,7 @@ HTML_CONTENT = """
                 copyBtn.textContent = 'Copy Link';
                 copyBtn.className = 'small-btn';
                 copyBtn.onclick = () => {
-                                        navigator.clipboard.writeText(window.location.origin + item.url).then(() => {
+                    navigator.clipboard.writeText(window.location.origin + item.url).then(() => {
                         alert('Link copied to clipboard!');
                     });
                 };