Pemrograman Web ~ Upload File
Assalamualaikum Waromatullahi Wabarokatu
Halohaloo , kembali lagi dengan saya . Seperti yang saya katakan pada artikel sebelumnya kali ini kita akan membahas Upload file dengan menggunakan PHP. Tanpa basa basi lagi mari saja kita mulaii..
Upload File
1. Alter Table siswa dan Buat Folder Images
Tambahkan field file pada table siswa setelah field nama_ibu
Setelah itu buat Folder Images pada Folder assets untuk menyimpan foto upload an
2. Buka views/v_tambah.php
Buka dan Edit Source Code v_tambah.php
1.
<form action="<?= $action ?>" method="post" enctype="multipart/form-data">
<table cellpadding="5">
tambahkan enctype="multipart/form-data"> digunakan ketika form yang dibuat memiliki form upload(type file)
2. tambah kan Codingan berikut untuk membuat form upload
<tr>
<td>Foto</td>
<td>
<?php
if ($action == 'edit.php') { ?>
<img src="<?php echo base_url() ?>./assets/images/<?php echo $siswa['file'] ?>"
width="80px" alt="">
<input type="hidden" name="foto" value="<?php echo $siswa['file'] ?>">
<?php } ?>
<input type="file" name="foto">
</td>
</tr>
Penjelasan : if digunakan untuk mengecek jika form dalam kondisi edit , maka tampilkan Image yang sebelumnya sudah diUpload .<input type="hidden" name="foto" value="<?php echo $siswa['file'] ?>"> digunakan agar ketika user tidak merubah file saat edit , file yang sebelumnya tidak hilang .
Hasil :
3. Buka dan Edit tambah.php dan edit.php
1. tambah.php
Edit SourceCode seperti berikut :
$foto = $_FILES['foto'];
if (!empty($foto) and $foto['error'] == 0) {
$path = './assets/images/';
$upload = move_uploaded_file($foto['tmp_name'], $path . $foto['name']);
if (!$upload) {
flash('error', "Upload file GAGAL");
header('location : index.php');
}
$file = $foto['name'];
}
$sql = "INSERT INTO siswa
(nis , nama_lengkap , jenis_kelamin , kelas , jurusan , alamat,
golongan_darah,nama_ibu,file )
VALUES
('$nis', '$namalengkap' , '$jeniskelamin', '$kelas', '$jurusan',
'$alamat', '$golongandarah','$namaibu','$file')";
Penjelasan : if digunakan Cek apakah user mengupload file , $Path untuk lokasi file yang akan diupload
if setelahnya jika upload file gagal arahkan ke index.php dan jangan lupa tambahkan querynya.
2.edit.php
Edit SourceCode seperti pada tambah.php dan tambah kan SourceCode berikut
$file = $_POST['foto'];
setelah $foto = $_FILES['foto']; dan
file = '$file' WHERE nis='$nis'";
pada query
4. Handling Error
Secara default maksimum file yang diUpload adalah 2Mb agar menghindari error apabila size foto yang besar maka diubah default maksimum file nya dengan cara :
1. Buka XAMPP Control Panel , kemudian Config->php.in
2. Setelah itu Find(Ctrl + f) upload_max_file ganti dari 2M menjadi 1024M (1Gb) lalu save , Lalu Restart Apache
5. Finish
Berikut hasilnya :
Comments
Post a Comment