34 lines
825 B
JavaScript
34 lines
825 B
JavaScript
/*
|
|
* Shows a pix if they add one
|
|
*/
|
|
document.querySelectorAll('input[type=file]').forEach(input => {
|
|
|
|
input.addEventListener('change', function () {
|
|
|
|
const preview = document.getElementById(
|
|
this.dataset.preview
|
|
);
|
|
console.log("preview: ", {preview});
|
|
if (!preview) {
|
|
console.error(
|
|
"Preview element not found:",
|
|
this.dataset.preview
|
|
);
|
|
return;
|
|
}
|
|
if (!this.files.length) return;
|
|
const reader = new FileReader();
|
|
|
|
reader.onload = e => {
|
|
console.log("loaded");
|
|
//console.log(e.target.result.substring(0,50));
|
|
preview.src = e.target.result;
|
|
preview.style.display = 'block';
|
|
//console.log("preview.src = ", preview.src);
|
|
};
|
|
console.log("reading: ", this.files[0]);
|
|
reader.readAsDataURL(this.files[0]);
|
|
});
|
|
});
|
|
|