Upload Gambar

Sore yang indah… malam ini malam minggu… dan akan gue isi dengan.. R.A.P.A.T. hwakakakakak… such an interesting activity… oke.. oke… just forget what i said… and now i will discuss about how to upload picture in your server… Let’s start…

ngakak

hmm But, this code was not use AJAX. so this is just simple upload with refreshing page. Haiah… malah sok kuminggris. Mari kita segera mulai saja.

Untuk pertama kali,kita buat sebuah script koneksi ke database terlebih dahulu, dan akan saya namakan koneksi.php.

<?php
$host = ‘localhost’;
$user = ‘root’;
$pass = ‘root’;
$db_name = ‘pilihkampus’;

$link = mysql_connect($host, $user, $pass);
mysql_select_db($db_name, $link);
?>

Yup… lalu kita buat sebuah halaman interface untuk upload. Tetapi disini saya tidak sekedar membuat Upload foto. tapi juga dengan disertai dengan form isian. Akan saya namakan halaman ini index.php

<html>
<head>
<title>.:: Site Admin ::.</title>
<link rel=”stylesheet” type=”text/css” href=”css/style-admin.css”>
</head>
<body>

<?php
echo”<div id=txtHome>”;
echo”<form enctype=multipart/form-data action=upload.php method=POST>”;
echo”
<table cellspacing=0 cellpadding=0 width=’550′ align=center>
<tr><td height=25 bgcolor=#7d7b7b colspan=10><b>Form Data Perguruan Tinggi</b></td></tr>
<tr><td height=15></td></tr>

</table>

<table cellspacing=0 cellpadding=0 width=550 align=center border=0>
<tr>
<td width=50></td>
<td width=110>Perguruan Tinggi</td>
<td width=10></td>
<td width=300 height=30><input type=text size=40 name=nama_kampus></td>
<td width=75></td>
</tr>
<tr><td height=8></td></tr>
<tr>
<td></td>
<td width=70>Alamat</td>
<td width=5></td>
<td width=300 height=30><input type=text size=40 name=alamat_kampus></td>
</tr>
<tr><td height=8></td></tr>
<tr>
<td></td>
<td width=70>Homepage</td>
<td width=8></td>
<td width=300 height=30><input type=text size=40 name=situs_kampus></td>
</tr>
<tr><td height=10></td></tr>
<tr>
<td></td>
<td width=70>Gambar</td>
<td width=8></td>
<td width=300 height=30>
<input type=hidden name=MAX_FILE_SIZE value=500000 />
<input type=file name=gambar name=situs_kampus></td>
</tr>
<tr><td height=8></td></tr>
<tr>
<td></td>
<td width=70>Status</td>
<td width=8></td>
<td width=300 height=30>
<select name=’status’>
<option></option>
<option value=’1′>Universitas</option>
<option value=’2′>Sekolah Tinggi</option>
<option value=’3′>Akademi</option>
</select>
</td>
</tr>
<tr><td height=8></td></tr>
<tr>
<td></td>
<td width=70>Visi</td>
<td width=8></td>
<td width=300 height=30>
<input type=text size=40 name=’visi’></td>
</tr>
<tr><td height=8></td></tr>
<tr>
<td></td>
<td width=70>Misi</td>
<td width=8></td>
<td width=300 height=30>
<input type=text size=40 name=’misi’></td>
</tr>
<tr><td height=10></td></tr>
<tr>
<td></td>
<td width=70 valign=top>Sekilas Tentang</td>
<td width=10></td>
<td>
<textarea name=sekilas></textarea>
</td>
</tr>
<tr><td height=10></td></tr>
<tr><td colspan=10 align=center>

<input type=submit name=submit value=Submit>
</form></td></tr>
</table>
“;
echo”</form></div>”;

?>
</body>
</html>

Selesai…. interface nya doank…. berikutnya kita bikin halaman yang menangani inputan dari form index.php dan juga menangani gambar yang akan diupload. akan saya namakan halaman ini upload.php

<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”css/style-admin.css”>
</head>
<body>
<table cellspacing=”0″ cellpadding=”0″ width=”100%” align=”center” border=”0″>
<tr>
<td valign=”center”>
<table cellspacing=”0″ cellpadding=”0″ width=”400px” align=”center” border=”0″>
<tr><td height=”140″></td></tr>
<tr>
<td valign=”center” align=”center”>

<?php
include (“koneksi.php”);
//*********TANGKAP VARIABEL********************
$nama_kampus=$_POST["nama_kampus"];
$alamat=$_POST["alamat_kampus"];
$situs_kampus=$_POST["situs_kampus"];
$visi=$_POST["visi"];
$misi=$_POST["misi"];
$sekilas=$_POST["sekilas"];
$status=$_POST["status"];

//**********************************************

//****PENGECEKKAN DATA,**********************

if(empty($nama_kampus))
{
echo”<p>Anda belum mengisi Nama Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if(empty($alamat))
{
echo”<p>Anda belum mengisi Alamat Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if(empty($situs_kampus))
{
echo”<p>Anda belum mengisi Situs Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if(empty($visi))
{
echo”<p>Anda belum mengisi Visi Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if(empty($misi))
{
echo”<p>Anda belum mengisi Misi Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if(empty($status))
{
echo”<p>Anda belum mengisi Status Perguruan Tinggi</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}
//*******************************************

//*******MENANGANI GAMBAR***************
$gambar = $_FILES['gambar']['name'];
$tmpName = $_FILES['gambar']['tmp_name'];
$size = $_FILES['gambar']['size'];
$max_size = 500000; // 500Kb
if (!getimagesize($tmpName))
{
echo”<p>File Gambar tidak dikenal</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}
if ($size > $max_size)
{
echo”<p>File Gambar terlalu besar</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}
$upload_file = “images/$gambar”;
//********************************************

//****PROSES MEMASUKKAN KE DATABASE******

$sql=”insert into univ(nama,alamat,web,gambar,visi,misi,sekilas,status)

values(‘$nama_kampus’,'$alamat’,'$situs_kampus’,

‘$upload_file’,'$visi’,'$misi’,'$sekilas’,'$status’)”;
$hasil=mysql_query($sql);

if (!$hasil)
{
echo”<p>Gagal memasukkan ke Database</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

if (!move_uploaded_file($tmpName, $upload_file))
{
echo”<p>Gagal Upload Gambar</p>”;
echo”<input type=submit value=Back onclick=’self.history.back()’>”;
exit;
}

echo”<p>Data berhasil masuk</p>”;
echo”<input type=submit value=Kembali onclick=’back()’>”;
exit;
//**************************************************

?>
</td>
</tr>
</table>
</td>
</tr>
</body>
</html>

Oke,selesai. akan saya jelaskan mengenai proses di upload.php saya mulai dari menangkap variabel. Penting untuk diingat… kalau kita mengirimkan variabel ke halaman lain hendaknya kita tangkap terlebih dahulu dengan menggunakan metode POST ataupun GET. hal ini penting jika kita melakukan pemrograman PHP dengan menggunakan register_globals = off. Tapi saran saya selalu gunakan register_globals = off. untuk keamanan website anda.

Oke… proses penangkapan variabel telah selesai… beranjak ke bagian selanjutnya… Yaoitu bagian pengecekkan.. apakah data yang terkirim sudah lengkap atau belum??.. Kita gunakan peng-kondisian.. disini saya menggunakan kondisi if. jadi jika ada satu kondisi yang terpenuhi,, maka akan program akan melakukan statement yang telah dideklarasikan….

Jadi misalnya variabel nama_kampus kosong.. maka akan muncul pesan “Anda belum mengisi nama kampus…”

beranjak ke bagian menangani gambar…. disini kita tangkap variabel gambar dengan menggunakan $_FILES karena input type dari gambar adalah file. Kita juga menentukan ukuran maksimal gambar.. yaitu 500kb. dan kita juga melakukan operasi kondisi lagi……

Yaitu.. jika fungsi getimagesize tidak berhasil melakukan operasi.. maka file gambar yang di submit tidak dikenal. lalu pernyataan kedua kita lakukan pengecekkan ukuran file.. jika ukuran file lebih besar dari yang kita tentukan.. maka akan muncul pesan. Gambar terlalu besar..

Dan… proses selanjunya hanyalah memasuukan ke database…..

Huft… selesai… semoga bermanfaat. saya hanyalah seorang newbie yang ingin berbagi….

ampun

Like this:

Be the first to like this post.

One Response to Upload Gambar

wikusumah says:

Maret 26, 2010 pukul 3:58 am

mas kalo bisa detil ke databasenya. soalnya ini maskan pake database, jadi error dah kalo sembarangan copy, kalo bisa tambahin penjelasan di databasenya ya mas. nuhun

Balas