feat: reset buton

index.html

@@ -158,6 +158,9 @@
             <span class="label">Türkçe Çeviri</span>
             <div id="trText"></div>
         </div>
+
+        <button id="resetBtn" onclick="resetApp()" style="display: none; background: #30363d; margin-top: 20px;">Yeni
+            Analiz Başlat</button>
     </div>
 
     <script>
@@ -171,12 +174,42 @@
 
             const reader = new FileReader();
             reader.onload = function (e) {
-                const img = document.getElementById('preview');
+                const img = new Image();
-                img.src = e.target.result;
+                img.onload = function () {
-                img.style.display = "block";
+                    // Resmi boyutlandıracağımız bir canvas oluşturalım
-                base64Image = e.target.result.split(',')[1];
+                    const canvas = document.createElement('canvas');
+                    let width = img.width;
+                    let height = img.height;
+                    const max_size = 1024; // Maksimum genişlik/yükseklik
+
+                    if (width > height) {
+                        if (width > max_size) {
+                            height *= max_size / width;
+                            width = max_size;
+                        }
+                    } else {
+                        if (height > max_size) {
+                            width *= max_size / height;
+                            height = max_size;
+                        }
+                    }
+
+                    canvas.width = width;
+                    canvas.height = height;
+                    const ctx = canvas.getContext('2d');
+                    ctx.drawImage(img, 0, 0, width, height);
+
+                    // Küçültülmüş Base64 verisini alalım (Kalite %80)
+                    const compressedBase64 = canvas.toDataURL('image/jpeg', 0.8);
+
+                    document.getElementById('preview').src = compressedBase64;
+                    document.getElementById('preview').style.display = "block";
+                    base64Image = compressedBase64.split(',')[1];
                     document.getElementById('analyzeBtn').disabled = false;
                     document.getElementById('uploadText').innerText = file.name;
+                    document.getElementById('resetBtn').style.display = "block";
+                };
+                img.src = e.target.result;
             };
             reader.readAsDataURL(file);
         }
@@ -248,6 +281,20 @@
                 transBtn.innerHTML = "Türkçeye Çevir";
             }
         }
+
+        // Uygulamayı sıfırla
+        function resetApp() {
+            document.getElementById('fileInput').value = "";
+            document.getElementById('preview').style.display = "none";
+            document.getElementById('preview').src = "";
+            document.getElementById('englishOutput').style.display = "none";
+            document.getElementById('translationResult').style.display = "none";
+            document.getElementById('analyzeBtn').disabled = true;
+            document.getElementById('uploadText').innerText = "📷 Görseli seçmek için buraya tıklayın";
+            document.getElementById('resetBtn').style.display = "none";
+            base64Image = "";
+            rawDescription = "";
+        }
     </script>
 
 </body>