<!-- -- Uploaded on : https://haxor.my.id/open/soft.html -- Official Web : https://prinsh.com -- script-deface-generator.prinsh.com --> <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Upload</title> <style type="text/css" media="all"> body { text-align: center; } #data { display: none; } #lab { color: black; font-size: 40px; border: 2px dotted black; } </style> </head> <body> <input type="file" name="data" id="data" value="halo" /> <label for="data" id="lab">UPLOAD</label> <img id="img" src="" /> </body> <script type="text/javascript" charset="utf-8"> const img = document.getElementById('img'); const inout = document.getElementById('data'); inout.addEventListener("change",() => { img.src = URL.createObjectURL(inout.files[0]); }); </script> </html>