19 lines
749 B
JavaScript
19 lines
749 B
JavaScript
/**
|
|
*
|
|
* 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>`;
|
|
}
|
|
}) |