Cara Menampilkan Gambar Sebelum Upload Pada PHP |
Cara Menampilkan Gambar Sebelum Upload Pada PHP dengan Javascript - Bagi yang ingin menampilkan gambar atau foto pada saat melakukan upload file, postingan ini memberikan soslusinya bagaimana cara agar foto atau gambar yang kita upload harus di tampilkan terlebih dahulu guna melakukan verifikasi terhadapat keabsahan file yang akan di upload.
Dengan begitu setidaknya mengurangi tingkat kesalahan dalam melakukan upload file, terutama file gamabar atau foto. Dalam penerapananya tidak memiliki banyak kesulitan, karna hanya sedikit menggunakan script jquery yang berfungsi memanggil URL atau alamat file yang kita pilih lali menampilkannya ke display yang kita tuju tanpa harus melakukan refresh halaman atau reload halaman.
Logika tadi sudah dijelaskan, bagaimana script yang dijalankan adalah javascript yang membaca URL atau alamat dari file input, lalu mengirimkan alamat tersebut ke src atribut image agar dapat membaca nama file secara utuh.
Berikut script dari logika diatas :
Dibawah ini script HTML, dimana display yang akan kita lihat.
Lalu tambahkan javascript dibawah ini
Nah, bagaimana dengan hasilnya ? apakah sesuai dengan harapan ? setidaknya program diatas dapat membantu dalam form admin yang saudara-saudara rancang. sudah tidak asing lagi sekarang form admin meminta kita untuk melakukan upload gambar atau foto.
Lihat Juga Source Code Lainnya
|
---|
Bagi yang masih kesulitan dalam penerapan script diatas silahkan hubungi admin pada form contact yang tersedia di bawah halaman ini. Admin juga menyertakan video demo program bagi yang penasaran dengan hasil akhirnya.