Preview Image Javascript Vanilla

Masih Dengan Javascript, Kali ini kita ambil materi yang simple yaitu preview image before upload dengan javascript.

baik berikut kodenya :

 <input type="file" name="foto" onchange="loadFile(event)"> 
       //function js untuk realtime / onchange

            <p> <img id="output" width="250"/> </p> // output hasil 
        
            <script>        
                function loadFile(event) {
                var output = document.getElementById('output');
                output.src = URL.createObjectURL(event.target.files[0]);
               //Deklarasi function. 
              };
            </script>