mirror of
https://github.com/MasterAcnolo/Freedom-Loader.git
synced 2026-07-29 18:25:47 +02:00
Loading Screen
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<body>
|
||||
|
||||
|
||||
<form action="/download" method="POST">
|
||||
<form action="/download" method="POST" id="downloadForm">
|
||||
<input name="url" placeholder="URL YouTube" id="UrlInput">
|
||||
<input type="checkbox" name="audioOnly" value="1"> MP3 seulement
|
||||
<select name="quality">
|
||||
@@ -18,6 +18,7 @@
|
||||
<button type="submit">Télécharger</button>
|
||||
</form>
|
||||
|
||||
<div id="downloadStatus" style="margin-top: 1em; font-weight:bold;"></div>
|
||||
|
||||
<!--Il faut utiliser un formulaire, parce que on doit envoyer a un serveur
|
||||
les données à traiter. Pour cela on définit une route vers /download, ca va
|
||||
@@ -27,6 +28,7 @@
|
||||
|
||||
<div id="videoInfo" style="margin-top: 20px;"></div>
|
||||
|
||||
<script src="script/downloadstatus.js"></script>
|
||||
<script src="script/fetchinfo.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
29
public/script/downloadstatus.js
Normal file
29
public/script/downloadstatus.js
Normal file
@@ -0,0 +1,29 @@
|
||||
const form = document.getElementById("downloadForm");
|
||||
const statusDiv = document.getElementById("downloadStatus");
|
||||
|
||||
form.addEventListener("submit", async (e) => {
|
||||
e.preventDefault(); // empêche la soumission classique (rechargement)
|
||||
|
||||
statusDiv.textContent = "⏳ Téléchargement en cours...";
|
||||
|
||||
const formData = new FormData(form);
|
||||
const params = new URLSearchParams(formData);
|
||||
|
||||
try {
|
||||
const res = await fetch("/download", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/x-www-form-urlencoded" },
|
||||
body: params,
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
statusDiv.textContent = "❌ Erreur pendant le téléchargement.";
|
||||
return;
|
||||
}
|
||||
|
||||
const text = await res.text();
|
||||
statusDiv.textContent = text; // affiche « Téléchargement terminé » ou autre message serveur
|
||||
} catch {
|
||||
statusDiv.textContent = "❌ Une erreur s’est produite.";
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user