Pada artikel kali ini saya akan menjelaskan bagai mana cara menentukan inputan tertentu dengan atribut accept yang ada pada tag form, fungsi dari accept agar supaya user atau pengguna tidak salah dalam mengupload file yang akan di upload, contoh ketika kita mengupload photo pada halaman facebook ketika kita pilih unggah photo, maka yang hanya muncul adalah file berupa gambar saja meskipun didalam folder komputer kita terdapat banyak jenis file, ada word pdf axcel dll.
Nah dari pada bingung kita langsung praktek saja ya, teman-teman silahkan buat file html dan ketikan script berikut :
<input type="file" value="pilih" />
jika sudah di save maka hasilnya akan seperti berikut :
jika kita klik maka akan tampil gambar berikut :
jika kita hanya mengetikan script upload seperti di atas, maka semua file akan bisa terpilih contohnya file word akan muncul seperti yang saya lingkari di atas, nah sekarang saya akan membuat inputan tersebut hanya dapat memilih file gambar saja,
silahkan tambahkan script berikut:
<input type="file" value="pilih" accept="image/*" />
nah dengan menambahkan accept dengan milai image/* itu berarti semua format gambar dapat dipilih dan selain format gambar akan hilang ketika kita ingin memilih file yang ingin kita uplaod, maka hasilnya akan seperti berikut :
file word yang saya lingkari tadi menghilang karna kita menambahkan accept tadi dengan nilai image/*, oke cukup sekian artikel kali ini semoga bermanfaat,
terimakasih 🙂