Program HTML Input Type File

Hello guys, Berjumpa dengan Miniblog dari Inzaghi's Blog! Kali ini kita akan membuat Program HTML Input Type untuk membuka sebuah File di dalam Folder.

Sumber : Dosenit.com, Jagongoding.com, Javatpoint.com, dan W3schools.com

Tipe Input File ini akan membuat tombol “Browser” pada browser. Dan ketika tombol tersebut diklik, Browser akan menampilkan Jendela baru (Bagi pengguna Desktop) untuk mengambil file, ada pun untuk Android dan iOS, Browser akan membuka File Explorer atau aplikasi yang sejenis di Windows, macOS, ataupun di Linux.

Contoh :

<label for="isian-foto">Upload Foto :</label> <br />
<input id="isian-foto" name="foto" type="file" />

Output :

Upload Foto :

Kita bisa menambahkan atribut accept untuk mengatur file apa saja yang boleh di-Upload. Misalkan kita ingin mengizinkan hanya file gambar seperti .png, .jpg atau .jpeg, maka atribut accept akan terlihat seperti ini :

<label for="isian-foto">Upload Foto :</label> <br />
<input
  id="isian-foto"
  name="foto"
  type="file"
  accept="image/png, image/jpg, image/jpeg"
/>

Output :

Upload Foto :

Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)