Download Source Code Aplikasi

Buat Preview Image Sebelum Upload Tanpa Reload Dengan Jquery

Monday, August 26th, 2019 - JavaScript, jQuery, source code

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

Buat Preview Image Sebelum Upload Tanpa Reload Dengan Jquery

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

  1. Buat file HTML terlebih dahulu dan ketikkan isyarat dibawah  ini 
  2. 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.
Download Source Code Aplikasi
Buat Preview Image Sebelum Upload Tanpa Reload Dengan Jquery | Ahmad Code | 4.5