Membuat upload preview dengan javascript

Membuat upload preview dengan javascript

1501
8
SHARE

Sahabat harviacode.com, pada posting kali ini saya mencoba membuat upload preview dengan javascript. Dalam kasus ini ada suatu form upload gambar, dan saat user memilih suatu gambar, maka akan mucul preview gambar yang dipilih tersebut sebelum menekan tombol upload.

Membuat upload preview dengan javascript

Untuk membuat upload preview dengan javascript kita memanfaatkan HTML5 FileReader API. Buatlah file preview.php dengan kode sebagai berikut :

Jalankan preview.php melalui browser anda. Cobalah untuk mengupload sebuah gambar dan lihatlah hasilnya. Kini form upload kita lebih menarik.. hehe

preview

DEMO

Terima kasih atas kunjungan anda. Jangan lupa komentar ya gan.

Bagikan artikel ini ya.. terima kasih

8 COMMENTS

    • Fungsi akhirnya buat upload gan. tapi pada contoh itu kita tidak bahas proses uploadnya cz kita hanya fokus ke tampilan preview. jadi saat user selesai memilih gambar yang akan diupload, preview akan muncul, selanjutnya user tinggal klik tombol upload bila setuju gambar tersebut diupload.

LEAVE A REPLY