JS HTML
(quick guide & examples)
EMPTY DIV & FILE PICKER <div id="show"></div> <input type="file" value="Pick" id="pick" accept="text/plain" onchange="readFile()">
function readFile() { GET SELECTED FILE let f = document.getElementById("pick") .files[0];
READ SELECTED FILE let r = new FileReader(); r.addEventListener("loadend", () => { document.getElementById("show") .innerHTML = r.result; }); r.readAsText(f); }
EMPTY IMG & FILE PICKER <img id="show"> <input type="file" value="Pick" id="pick" accept="image/*" onchange="readFile()">
function readFile() { GET SELECTED FILE let f = document.getElementById("pick") .files[0];
READ SELECTED FILE let r = new FileReader(); r.addEventListener("load", () => { document.getElementById("show") .src = r.result; }); r.readAsDataURL(f); }