Tutorial HTML & PHP upload file

Assalamau'alaikum Wr. Wb

Malam ini Saya akan ngeshare tutorial upload file. File yang di upload akan masuk ke database dan di simpan di folder di dalam folder document root anda. Berikut langkah-langkah pembuatannya :

Langkah 1 : Pembuatan Database

1. Buat database dengan nama db_upload
2. Buat tabel dengan nama tb_file, dengan struktur tabel seperti berikut :  

    3.  Selesai membuat database, lanjut ke langkah 2.

Langkah 2 : Buat Folder

1. Buat Folder dengan nama upload dalam document root anda (contoh di htdocs pada MYSQL ).
2. Simpan semua file yang nanti di buat di folder upload tersebut.
3. Lalu buat folder dalam folder upload dan beri nama file (untuk menyimpan file yang nanti di upload).

Langkah 3 : Membuat Script form upload

Ketikan script berikut dan simpan dengan nama formupload.php  :

<table>
<form name="form" method="post" enctype="multipart/form-data" action="proses.php">
<caption>Upload File</coption>
<tr>
<td>File</td>
<td> : </td>
<td><input name="files" type="file" /></td>
</tr>
<tr>
<td colspan="3" align="right"><input type="submit" name="upload" value="Upload" /></td>
</tr>
</form>
</table>
<font color="red"><h5>Ysabtian.blogspot.com</h5></font>


Langkah 4 : Buat script koneksi

Ketikkan script berikut dan beri nama connect.php

<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbName = "db_upload";
mysql_connect($host, $user, $pass);
mysql_select_db($dbName)
or die ("Connect Failed !! : ".mysql_error());
?>

Langkah 5 : Buat script proses

Ketikkan script berikut dan beri nama proses.php

<font color="red"><h5>Ysabtian.blogspot.com</h5></font>
<?php
include "connect.php";

$uploaddir = 'file/';
$Nama = $_FILES['files']['name'];
$uploadfile = $uploaddir . $Nama;
$fileSize = $_FILES['files']['size'];
$fileError = $_FILES['files']['error'];

if($fileSize > 0 || $fileError == 0){
$move = move_uploaded_file($_FILES['files']['tmp_name'],$uploadfile);
if($move){
echo "<br><h3>Proses Upload Berhasil </h3>";

$q = "INSERT into tb_file(id,namafile,lokasi,ukuran) VALUES('','$Nama','file/$Nama','$fileSize')";
$result = mysql_query($q);

$q1 = "SELECT lokasi from tb_file where namafile = '$Nama' limit 1 ";
$result = mysql_query($q1);

while ($data = mysql_fetch_array($result)) {
$loc = $data['lokasi']; ?>
<br/>
<h2> Tampilan File/Gambar Yang Anda Upload : </h2>
<img src="<?php echo $loc; ?>" />

<?php
}
}
else {
echo "<h3>Gagal! </h3>";
}
}
else {
echo "Gagal Untuk Mengupload : ".$fileError;
}
?>



Langkah 6 : Uji coba Script

   1. Pergi ke http://localhost/upload/formupload.php lalu akan tampil form seperti berikut :

   2. Klik Pilih File, lalu pilih pile yang akan di upload, setelah itu klik open, tampilannya seperti berikut :

   3. Setelah memilih file dan mengklik open, klik upload di formupload :

   4. Setelah mengklik Upload maka akan muncul tampilan seperti ini :

   5. Cek di folder file dalam folder upload dan di database, apakah file sudah ada.
   6. Jika sudah ada maka proses upload file berhasil.

Alhamdulillah tutorial upload file ini sudah selesai.
Semoga bermanfaat bagi kita semua.. Aamiin.
Sekian tutorial kali ini.
Wassalamua'alaikum Wr. Wb.

Download script

1. formupload.php
2. connect.php
3. proses.php
4. Database db_upload.sql