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

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