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