Upload File disertai Preview (javascript)

Upload File disertai Preview (javascript)

Artikel kali ini kita akan mencoba melakukan upload file pada php, kemudian disertai dengan pratinjau file tersebut (preview). Jadi ketika kita akan melakukan upload file, kita terlebih dahulu memilih file yang akan di upload, kemudian file tersebut akan langsung ditampilkan pratinjaunya (preview). Cara ini sangat memudahkan pengguna website, karena mereka tahu file yang akan diupload.

Buat File
1. index.php
2. proses-upload.php

File index.php

Untuk javascriptnya tempatkan di tag head, atau di body

attribut tersebut memberikan pembatasan, ketika kita menekan tombol browse, file yang diperbolehkan untuk diupload hanya media file image.
Jika teman-teman ingin mengupload file tanpa melakukan pembatasan type file, kalian bisa mencobanya dengan merubahnya, seperti berikut

File proses-upload.php

Untuk demo silahkan klik link dibawah ini:
URL: http://www.yellowweb.id/demo/upload-javascript/

Jika ada pertanyaan, teman-teman bisa mengirimkan pesan melalui email di
info@yellowweb.id

Sertakan screenshot/ screen capture, untuk masalah yang sedang dihadapi. Terima kasih sampai jumpa kembali diartikel berikutnya.

Comments are closed.