<!--
--  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>