- Buka aplikasi XAMPP Control Panel kemudian aktifkan modul Apache dan MySQL. Setelah itu klik admin, maka akan otomatis masuk ke jendela PHPMyAdmin, perintah kueri untuk membuat database yaitu:
CREATE DATABASE `upload`;
- Buat tabel_data
CREATE TABLE `tabel_data` ( `id` int(5) NOT NULL AUTO_INCREMENT, `nama_file` varchar(20) COLLATE latin1_general_ci NOT NULL, `ukuran` varchar(10) COLLATE latin1_general_ci NOT NULL, `url` varchar(50) COLLATE latin1_general_ci NOT NULL, `tgl_upload` varchar(20) COLLATE latin1_general_ci NOT NULL, `keterangan` text COLLATE latin1_general_ci NOT NULL, PRIMARY KEY (`id`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=2 ;
- Buat folder dalam direktori C:\xampp\htdocs usahakan nama folder yang mudah diingat dan tidak terlalu panjang. Buka folder yang tadi anda buat kemudian buat folder lagi dengan nama files untuk penempatan gambar hasil upload aplikasi. Didalam folder yang pertama anda buat, buat file conn.php dengan menggunakan editor Notepad ++ atau program editor lain yang anda install.
<?php
//konfigurasi
ini_set('display_errors',FALSE);
$host="localhost";
$user="root";
$pass="";
$db="upload";
//koneksi
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
$tanggal=date("Y-m-d");
//cek
if ($koneksi)
{
//echo "berhasil : )";
}else{
?><script language="javascript">alert("Gagal Koneksi Database MySql !")</script>
<?php
}
?>
File ini digunakan untuk menghubungkan aplikasi ini dengan database upload yang tadi dibuat. $koneksi jika berhasil terkoneksi dengan database maka akan memilih database $db, jika gagal memilih maka akan muncul alert "Gagal Koneksi Database MySql !".
- Buat file index.php masih dalam folder yang sama, file tampil.php ini berfungsi untuk menampilkan sekaligus form menginput data gambar yang akan di-upload (copy) di folder files, dengan catatan hanya nama file gambar saja yang dicatat dari tabel data.
<html>
<head>
<title>Blog Codingku PHP-MySQL</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2 align="center">Upload Files</h2>
<form enctype="multipart/form-data" action="upload.php" method="post">
<table class="datatable" align="center">
<tr>
<td width="29%" height="37" valign="middle"><font size="2" face="verdana">File</font></td>
<td><input type="file" name="datafile" size="30" id="gambar" /></td>
</tr>
<tr>
<td height="77"><font face="verdana" size="2">Keterangan</font></td>
<td><textarea name="keterangan" cols="40" rows="4"></textarea></td>
</tr>
<tr>
<td> </td>
<td width="71%"><input name="submit" type="submit" value=" UPLOAD " /> </td>
</tr>
</table>
</form>
<?php include "download.php" ;?>
</body>
</html>
Dalam pembuatan form untuk upload haru ada fungsi enctype="multipart/form-data" supaya file yang di-upload nanti dapat dikenali, kemudian ada name="datafile" sebaga input file gambar yang akan diterima pada variabel $_FILES yang akan dikirim dari form file indek.php.
- Buat file style.css
<!--untuk tabel-->
p, td, th {
font: 12 Arial, Helvetica, sans-serif;
}
.datatable {
border: 1px solid #D6DDE6;
border-collapse: collapse;
}
.datatable td {
border: 1px solid #D6DDE6;
padding: 4px;
}
.datatable th {
border: 1px solid #828282;
background-color: #BCBCBC;
font-weight: bold;
text-align: left;
padding-left: 4px;
padding-right: 0px;
text-align:center;
}
.datatable caption {
font: bold 12px Arial, Helvetica, sans-serif;
color: #33517A;
text-align: left;
padding-top: 3px;
padding-bottom: 8px;
}
.datatable tr.altrow {
background-color: #DFE7F2;
color: #000000;
}
File ini bertujuan hanya sebagai pengaturan tampilan halaman awal (index.php).
- Buat file upload.php
<?php
include "conn.php";
//periksa apakah user telah menekan submit, dengan menggunakan parameter setingan keterangan
if (isset($_POST['keterangan']))
{
$tanggal;
$keterangan=ucwords($_POST['keterangan']);
$nama_file=$_FILES['datafile']['name'];
$ukuran=$_FILES['datafile']['size'];
//periksa jika data yang dimasukan belum lengkap
if ($keterangan=="" || $nama_file=="")
{
//jika ada inputan yang kosong
?><script>alert('Data Anda belum lengkap');</script><?php
?><script>document.location.href='index.php';</script><?php
}else{
//definisikan variabel file dan alamat file
$uploaddir='./files/';
$alamatfile=$uploaddir.$nama_file;
//periksa jika proses upload berjalan sukses
if (move_uploaded_file($_FILES['datafile']['tmp_name'],$alamatfile))
{
//jika berhasil
?><script>alert('Data Anda berhasil diupload');</script><?php
?><script>document.location.href='index.php';</script><?php
//catat data file yang berhasil di upload
$upload=mysql_db_query($db,"INSERT INTO tabel_data(nama_file,ukuran,url,tgl_upload,keterangan) VALUES('$nama_file','$ukuran','$alamatfile','$tanggal','$keterangan')");
}else{
//jika gagal
echo "Proses upload gagal, kode error = " . $_FILES['location']['error'];
}
}
}
else
{
unset($_POST['keterangan']);
}
?>=>Penjelasan:
Mari kita cermati variabel dari file diatas.
$tanggal; => mengambil variabel dari file conn.php.
$keterangan=ucwords($_POST['keterangan']); => fungsi ini digunakan untuk mengubah file dari pengiriman variabel name "keterangan" input dari form file index.php dan karakter huruf dirubah menjadi Huruf Kapital di awal karakter saja.
$nama_file=$_FILES['datafile']['name']; => Fungsi ini digunakan untuk mengetahui nama file yang di upload.
$ukuran=$_FILES['datafile']['size']; => Fungsi ini digunakan untuk mengetahui ukuran file yang di upload.
Kueri untuk memasukkan data dalam tabel data yaitu "$upload=mysql_db_query($db,"INSERT INTO tabel_data(nama_file,ukuran,url,tgl_upload,keterangan) VALUES('$nama_file','$ukuran','$alamatfile','$tanggal','$keterangan')");
=>Penjelasan:- Buat file download.php
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<?php
include "conn.php";
$download=mysql_query("select * from tabel_data");
$cek=mysql_num_rows($download);
if($cek){
?>
<h2 align="center">Download Files</h2>
<table class="datatable" align="center">
<tr>
<th>No</th>
<th>File Gambar</th>
<th>Ukuran (byte)</th>
<th>Tgl Upload</th>
<th>Keterangan</th>
<th>Download</th>
</tr>
<?php
while($row=mysql_fetch_array($download)){
?>
<tr>
<td><?php echo $c=$c+1;?></td>
<td><img src="<?php echo $row['url'];?>" border="0" width="100" height="100"/></td>
<td><?php echo $row['ukuran'];?></td>
<td><?php echo $row['tgl_upload'];?></td>
<td><?php echo $row['keterangan'];?></td>
<td><a href="<?php echo $row['url'];?>"><img src="download.jpg" border="0"/></a></td>
</tr>
<?php
}
?>
</table>
<?php
}else{
echo "<font color=red><center><b>Belum Ada Data!!</b><center</font>";
}
?>Sebernarnya file ini hanya menampilkan data dari tabel data, dengan keadaan bahwa ada data di tabel tersebut. Kuerinya yaitu hanya menampilkan yaitu:
$download=mysql_query("select * from tabel_data");
Semua file yang dibuat diatas dapat didownload pada link dibawah ini. Semoga bermanfaat bagi sobat yang sedang belajar pemrograman PHP-MySQL. Aamiin,...
Password RAR :
Written by kreasi
Terima kasih atas kunjungan serta kesediaan anda membaca artikel tentang Upload-Download File Gambar Sederhana [ PHP-MySQL ], semoga artikel ini bermanfaat dan menambah wawasan kita semua. Aamiin. . .
0 comments:
Post a Comment
* Jangan menempelkan link hidup, karena tidak akan ditampilkan
* Laporkan jika ada link download yang mati.
* Komentar selalu akan dimoderasi.
NB: Berkomentarlah dengan sopan.