31 lines
No EOL
1.1 KiB
Smarty
31 lines
No EOL
1.1 KiB
Smarty
<script>
|
|
const defaultAvatar = "{$smarty.env.IMG_USER_PATH}images.jpg";
|
|
|
|
// Suppression du listener précédent avant d'en ajouter un nouveau
|
|
const inputImage = document.getElementById('image');
|
|
const btnDelete = document.getElementById('btn-delete-image');
|
|
const previewAvatar = document.getElementById('preview-avatar');
|
|
const deleteInput = document.getElementById('delete_image');
|
|
|
|
inputImage?.addEventListener('change', function () {
|
|
const file = this.files[0];
|
|
if (!file) return;
|
|
const reader = new FileReader();
|
|
reader.onload = e => {
|
|
previewAvatar.src = e.target.result;
|
|
previewAvatar.style.opacity = '1';
|
|
};
|
|
reader.readAsDataURL(file);
|
|
deleteInput.value = '0';
|
|
if (btnDelete) {
|
|
btnDelete.disabled = false;
|
|
}
|
|
});
|
|
|
|
btnDelete?.addEventListener('click', function () {
|
|
deleteInput.value = '1';
|
|
previewAvatar.src = defaultAvatar;
|
|
previewAvatar.style.opacity = '0.5';
|
|
this.disabled = true;
|
|
});
|
|
</script> |