Menampilkan Preview Gambar Sebelum Upload

Kembali lagi di ArenaPHP, pada tutorial kali ini saya akan memberikan trik tentang Bagaimana Cara Menampilkan Preview atau Cuplikan Gambar Sebelum di Upload. Fitur ini berguna untuk memberitahu user bahwa file yang akan di upload adalah benar file dalam format gambar dan memberikan cuplikan atau preview gambar yang dipilih sebelum masuk ke proses upload.

Image result for preview

Bagaimana Caranya?

Seperti biasa, tanpa basa-basi langsung saja copas skrip berikut:

PERHATIAN

  1. Koding diatas menggunakan perintah onchange yang nantinya ketika form upload gambar selesai diisi/ memilih gambar maka akan menampilkan previewnya di bagian Preview Gambar, namun apabila yang diupload bukan berformat gambar seperti png/jpg/jpeg/gif maka akan menampilkan eror.
  2. Baris 1-32 merupakan skrip untuk memproses perintah preview gambar yang bisa Anda letakkan dibawah form atau diatasnya.

Semoga bermanfaat, Happy Coding!

Posting Komentar

Lebih baru Lebih lama