MEMBUAT FORM KOMPONEN FILE FIELD (UPLOAD)


A. Pendahuluan

Komponen file field sering digunakan untuk keperluan upload file ke server. Penampilan komponen ini seperti text box namun terdapat tombol untuk melakukan browse file yang akan dipilih. Tag yang digunakan yaitu < input type=”file” name=”namakomponen” / >. Selain itu ditambahkan atribut enctype=”multipart/form-data” pada tag < form method=”post” action=”action.script” >

B. Script Coding Membuat Form Komponen File Field.

<!DOCTYPE html>
<html>
<head>
<title>Membuat Check Box</title>
</head>
<body>
<h1>Upload File</h1>
<form action=”” method=”post” enctype=”multipart/form-data”>
<input type=”file” name=”fileku” />
<input type=”submit” name=”submit” value=”Kirim Data” />
</form>
</body>
</html>

C. Hasil Jadi Tampilan

Hasil Tampilan Komponen File Field

D. Kesimpulan

Kesimpulan dari percobaan diatas adalahn Jika anda menjalankan kode tersebut, maka di dalam web browser akan tampil sebuah tombol dengan text keterangan disampingnya. Nama tombol dan text keterangan tersebut akan berbeda-beda tergantung web browser. Ketika anda men-klik tombol upload (“Browse” pada firefox, dan “Choose File / pilih file” pada chrome) maka akan keluar jendela untuk memilih file yang akan diupload. Setelah memilih salah satu file yang akan diupload, text keterangan akan berubah menjadi nama file tersebut.

D3 TEKNIK INFORMATIKA – FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM – UNIVERSITAS SEBELAS MARET SURAKARTA

 

Leave a Reply

Your email address will not be published. Required fields are marked *