translate

static/app.js

@@ -61,48 +61,38 @@ async function uploadImage() {
     }
 }
 
-async function uploadTranslation() {
-            let fileInput = document.getElementById("translateFile");
-            let targetLang = document.getElementById("targetLanguageSelect").value;
-            let loadingText = document.getElementById("loading");
-            let resultElement = document.getElementById("translateResult");
-
-            // Vérifier si un fichier est sélectionné
-            if (!fileInput.files.length) {
-                alert("Veuillez sélectionner un fichier à traduire !");
-                return;
-            }
-
-            let file = fileInput.files[0];
-            let formData = new FormData();
-            formData.append("file", file);
-            formData.append("target_lang", targetLang);
+async function uploadForTranslation() {
+    let fileInput = document.getElementById("translateInput");
+    let targetLang = document.getElementById("targetLang").value;
+    let formData = new FormData();
+    formData.append("file", fileInput.files[0]);
+    formData.append("target_lang", targetLang);  
 
-            loadingText.style.display = "block";  // Afficher le message "Traduction en cours..."
-            resultElement.innerText = "";  // Effacer le texte précédent
+    try {
+        let response = await fetch("http://127.0.0.1:8000/translate/", {  
+            method: "POST",
+            body: formData,
+            headers: { "Accept": "application/json" }
+        });
 
-            try {
-                let response = await fetch("https://aiwebdev-ai-web-dev.hf.space/translate/", {
-                    method: "POST",
-                    body: formData
-                });
+        let responseText = await response.text();
+        console.log("📤 Réponse brute du serveur :", responseText);
 
-                if (!response.ok) {
-                    throw new Error("Erreur de requête !");
-                }
+        if (!response.ok) {
+            throw new Error("Erreur de requête ! " + responseText);
+        }
 
-                let data = await response.json();
-                console.log("📤 Réponse du serveur :", data);
+        let data = JSON.parse(responseText);
+        console.log("📤 Réponse JSON du serveur :", data);
 
-                if (data.translated_text) {
-                    resultElement.innerText = "✅ Traduction : " + data.translated_text;
-                } else {
-                    resultElement.innerText = "❌ Traduction non disponible.";
-                }
-            } catch (error) {
-                console.error("❌ Erreur :", error);
-                resultElement.innerText = "⚠️ Échec de la requête !";
-            } finally {
-                loadingText.style.display = "none";  // Masquer le message de chargement
-            }
-        }
+        let resultElement = document.getElementById("translateResult");
+        if (data.translated_text) {
+            resultElement.innerText = "📝 Traduction : " + data.translated_text;
+        } else {
+            resultElement.innerText = "❌ Traduction non disponible.";
+        }
+    } catch (error) {
+        console.error("❌ Erreur :", error);
+        document.getElementById("translateResult").innerText = "Échec de la requête ! " + error.message;
+    }
+}