Cara menampilkan gambar ketika upload foto dengan java script

Halo berjumpa lagi dengan saya di homeulil. nah kali ini saya kan memberikan tutorial tentang cara menampilkan  langsung ketika upload gambar. jadi seperti live view ya. contoh nya seperti dibawah ini

jadi ketika upload gambar, gambarnya langsung keliatan dibawahnya. cara bagaimana ? saya kan memberikan tutorial diatas. :

jadi bikin seperti biasa input form dengan type nya file kemduaian ditambakan sedikit kode sedikit seperti diatas. accept="image/*" dan onchage="loadFile(event)"> kemudian ketik kode javascrip dibawah fungsinya agar onchage="loadFile(event)" berjalan dengan baik.

dan untuk menampilan gambar dibawah form upload file tambahkan kode seperti menampilkan gambar. 

untuk total kode program seperti gambar diatas ya guys. bisa kalian coba. Terima kasih sudah membaca tutorial dari saya, jangan lupa komen dan share agar artikel ini lebih bermanfaat.