Upload 2 files

app.py

@@ -119,6 +119,7 @@ HTML_TEMPLATE = """
         input[type="file"] { display: none; }
         .btn { padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
         .btn:hover { background: #0056b3; }
+        .btn:disabled { background: #6c757d; cursor: not-allowed; opacity: 0.6; }
         .btn-danger { background: #dc3545; }
         .btn-danger:hover { background: #c82333; }
         .btn-success { background: #28a745; }
@@ -285,26 +286,54 @@ HTML_TEMPLATE = """
                 formData.append('images', file);
             }
 
+            // 显示上传中提示
+            const resultDiv = document.getElementById('uploadResult');
+            resultDiv.style.display = 'block';
+            resultDiv.style.background = '#fff3cd';
+            resultDiv.style.color = '#856404';
+            resultDiv.innerHTML = '<strong>⏳ 正在上传，请勿关闭页面...</strong><br>正在上传 ' + files.length + ' 张图片';
+            
+            // 禁用上传按钮
+            const uploadBtn = event.target;
+            uploadBtn.disabled = true;
+            uploadBtn.textContent = '上传中...';
+
             try {
                 const response = await fetch('/api/upload', {
                     method: 'POST',
                     body: formData
                 });
                 const result = await response.json();
-                const resultDiv = document.getElementById('uploadResult');
-                resultDiv.style.display = 'block';
+                
+                // 恢复按钮状态
+                uploadBtn.disabled = false;
+                uploadBtn.textContent = '上传';
+                
+                resultDiv.style.background = '#e7f3ff';
+                resultDiv.style.color = 'inherit';
                 
                 if (result.success) {
-                    let html = `成功上传 ${result.data.length} 张图片:\\n\\n`;
+                    let html = `<strong>✅ 成功上传 ${result.data.length} 张图片</strong>\\n\\n`;
                     result.data.forEach(img => {
                         html += `Hash: ${img.hash}\\nURL: ${img.url}\\n\\n`;
                     });
                     resultDiv.textContent = html;
+                    
+                    // 清空文件选择
+                    clearSelection();
                 } else {
-                    resultDiv.textContent = '错误: ' + result.error;
+                    resultDiv.style.background = '#f8d7da';
+                    resultDiv.style.color = '#721c24';
+                    resultDiv.textContent = '❌ 错误: ' + result.error;
                 }
             } catch (error) {
-                alert('上传失败: ' + error);
+                // 恢复按钮状态
+                uploadBtn.disabled = false;
+                uploadBtn.textContent = '上传';
+                
+                resultDiv.style.background = '#f8d7da';
+                resultDiv.style.color = '#721c24';
+                resultDiv.textContent = '❌ 上传失败: ' + error;
             }
         }