Upload templates/index.html

templates/index.html

@@ -205,8 +205,8 @@
 
         <div class="upload-area" id="uploadArea">
             <div class="upload-icon">🔮</div>
-            <div class="upload-text">Drop your images here or click to upload</div>
-            <div class="upload-subtext">Supports PNG, JPG, JPEG formats</div>
+            <div class="upload-text">Drop your images here, click to upload, or press Ctrl+V</div>
+            <div class="upload-subtext">Pasted images start analysis immediately • Supports PNG, JPG, JPEG</div>
             <input type="file" id="fileInput" class="file-input" accept=".png,.jpg,.jpeg" multiple>
         </div>
 
@@ -272,6 +272,7 @@
         });
         uploadArea.addEventListener('drop', handleDrop, false);
         analyzeButton.addEventListener('click', analyzeImages);
+        document.addEventListener('paste', handlePaste);
 
         function preventDefaults(e) {
             e.preventDefault();
@@ -285,6 +286,40 @@
         function handleFileSelect(e) {
             handleFiles(e.target.files);
         }
+
+        async function handlePaste(e) {
+            const clipboardItems = Array.from(e.clipboardData?.items || []);
+            const imageFiles = clipboardItems
+                .filter(item => item.kind === 'file' && item.type.startsWith('image/'))
+                .map((item, index) => {
+                    const blob = item.getAsFile();
+                    if (!blob) return null;
+
+                    const extension = blob.type === 'image/jpeg' ? 'jpg'
+                        : blob.type === 'image/png' ? 'png'
+                        : blob.type === 'image/webp' ? 'webp'
+                        : 'png';
+                    const timestamp = new Date().toISOString().replace(/[:.]/g, '-');
+                    return new File(
+                        [blob],
+                        `clipboard-${timestamp}-${index + 1}.${extension}`,
+                        { type: blob.type || `image/${extension}`, lastModified: Date.now() }
+                    );
+                })
+                .filter(Boolean);
+
+            if (imageFiles.length === 0) return;
+
+            e.preventDefault();
+
+            if (analyzeButton.disabled) {
+                showError('An analysis is already in progress.');
+                return;
+            }
+
+            await handleFiles(imageFiles);
+            await analyzeImages();
+        }
         
         // --- UPDATED: Reads files and generates data URLs for previews ---
         async function handleFiles(files) {