normalisation blog + gestion images

js/previewImage.js

@@ -0,0 +1,19 @@
+/**
+ * 
+ * Preview image when selected in input field
+ */
+
+document.getElementById("imageInput").addEventListener("change", function (e) {
+    const file = e.target.files[0];
+    const preview = document.querySelector(".preview-img-container");
+    if (file && ["image/jpeg", "image/png"].includes(file.type)) {
+        const reader = new FileReader();
+        reader.onload = function (event) {
+            preview.innerHTML = `<img src="${event.target.result}" alt="Aperçu de l'image" class="img-fluid">`;
+        };
+        reader.readAsDataURL(file);
+        preview.style.backgroundColor = "transparent";
+    } else {
+        preview.innerHTML = `<p class="text-muted">Aucun aperçu disponible <br> Le format n'est pas autorisé</p>`;
+    }
+})