Categories: JavaScriptjQuerysource code

Buat Preview Image Sebelum Upload Tanpa Reload Dengan Jquery

Buat Preview Image Tanpa Reload Dengan jQuery. Ok, kali ini ngoding pak akan membagikan kepingan isyarat sederhana namun powerfull yaitu Membuat preview image tanpa reload dengan jquery + js

Image preview yaitu salah satu fitur yang sangat diharapkan untuk mengecek kembali apakah gambar yang kita upload sudah benar atau tidak. Kaprikornus pada tutorial kali ini aku akan membagikan cara membuatnya dengan jQuery, HTML dan CSS

TAHAP TAHAP

Buat file HTML terlebih dahulu dan ketikkan isyarat dibawah ini

Lalu buat tuliskan script javascript di bawah tag </head> atau buat file gres dengan nama preview_image.js

Perhatikan baris ke 6 bila ada file yang masuk maka akan menjalankan baris ke 7
Pada baris ke 7 akan menampilkan image dengan id “blah” dan mengubah atribut dengan source yang sudah diambil pada baris ke 12-14
Pada baris 12-14 bila ada perubahan pada input file maka function readURL akan dijalankan

Pada pada dasarnya function readURL akan mengambil address file dari inputan file

Tampilan lengkap file HTML dan javascript nya

Ok, hingga sini dulu postingan isyarat sederhana nya, bila ada yang perlu ditanyakan silahkan dari kontak atau dari kolom komentar pada postingan ini. Terimakasih

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code