23.32
My Repositori
Pada kali ini kita akan membuat daftar nama pegawai beserta fotonya yang akan kita input datanya ke dalam database...
ada dua cara yang sering dilakukan untuk menampilkan gambar, yang pertama gambar disimpan di folder dan yang kedua gambar langsung dimasukkan kedalam database...
kedua cara tersebut mempunyai kelemamahan dan kelebihan masing2....
ok... yang akan kita bahas pada kali ini adalah gambar langsung kita masukkan ke dalam database.....
yang pertama kita kita akan membuat file upload gambar...
input.php
<form action="proses.php" method="post" enctype="multipart/form-data">
<table>
<tr><td>Nip</td><td><input type="text" name="nip"></td></tr>
<tr><td>Nama</td><td><input type="text" name="nama"></td></tr>
<tr><td>Tanggal Lahir</td><td><input type="text" name="lahir"></td></tr>
<tr><td>Jenis Kelamin</td><td><select name="kelamin"><option>Laki-laki</option> <option>Perempuan</option></select></td></tr>
<tr><td>Agama</td><td><input type="text" name="agama"></td></tr>
<tr><td>Jabatan</td><td><input type="text" name="jabatan"></td></tr>
<tr><td>divisi</td><td><input type="text" name="divisi"></td></tr>
<tr><td>No HP</td><td><input type="text" name="hp"></td></tr>
<tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
<tr><td>image</td><td><input type="file" name="gambar" id="gambar" />
<input type="submit" name="Submit" id="Submit" value="Upload" />
</table>
</form>
proses.php
<?php
include('conn.php');
if($_FILES['gambar']['size'] > 0 && $_FILES['gambar']['error'] == 0){
$nip = htmlspecialchars($_POST['nip']);
$nama = htmlspecialchars($_POST['nama']);
$lahir = htmlspecialchars($_POST['lahir']);
$kelamin = htmlspecialchars($_POST['kelamin']);
$agama = htmlspecialchars($_POST['agama']);
$jabatan = htmlspecialchars($_POST['jabatan']);
$divisi = htmlspecialchars($_POST['divisi']);
$hp = htmlspecialchars($_POST['hp']);
$alamat = htmlspecialchars($_POST['alamat']);
$fileName = $_FILES['gambar']['name'];
$mimeType = $_FILES['gambar']['type'];
$tmpFile = fopen($_FILES['gambar']['tmp_name'], 'rb'); // (fileName, mode)
$fileData = fread($tmpFile, filesize($_FILES['gambar']['tmp_name']));
$fileData = addslashes($fileData);
$query = "insert into pegawai set nip='$nip', nama='$nama', lahir='$lahir', kelamin='$kelamin', agama='$agama', jabatan='$jabatan', divisi='$divisi', hp='$hp', alamat='$alamat', namaG='$fileName', typeG='$mimeType', dataG='$fileData'";
mysql_query($query) or die("Upload Gambar Gagal: ".mysql_error());
echo "Data dan Gambar Telah disimpan";
echo "<p><a href=input.php>Back To Input Data</a></p>";
}
?>
ok... setelah kedua file tersebut kita buat, sekarang kita akan menampilkannya...
conn.php
<?php
$user="root";
$pass="adiscsi"; //sesuaikan passwordnya
$database="pegawai"; //sesuaikan nama databasenya
$host="localhost";
$konek=mysql_connect($host, $user, $pass);
mysql_select_db($database, $konek);
?>
file php dibawah ini berguna untuk mengkonfersikan data blob yang ada didalam database dan akan ditampilkan dalam bentuk image
convert.php
<?php
include('conn.php');
$idFile = $_GET['page'];
$dataGambar = mysql_fetch_array(mysql_query("select * from pegawai where nip='$idFile'"));
$filename = $dataGambar['namaG'];
$mime_type = $dataGambar['typeG'];
$filedata = $dataGambar['dataG'];
header("content-disposition: inline; filename=$filename");
header("content-type: $mime_type");
header("content-length: ".strlen($filedata));
echo ($filedata);
?>
sekarang kita akan menampilkan imagenya...
index.php
<html>
<head><b><title> Daftar Nama Pegawai </title></b>
</head>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<center><div id="body">
<div id="header">
<center><br>DAFTAR NAMA PEGAWAI KANTOR Bla... bla... bla....</center>
</div>
<div id="nama">
<?php
echo "<p><a href=index.php>Home</a><br>";
include ("conn.php");
$menu=mysql_query("select * from pegawai");
while ($data=mysql_fetch_array($menu))
echo "<a href=index.php?page=$data[nip]>$data[nama]</a><br>";
?>
</div>
<div id="content">
<?php
$data=mysql_query("select * from pegawai where nip='$_GET[page]'");
if(mysql_num_rows($data)<>0) {
$isi=mysql_fetch_array(mysql_query("select * from pegawai where nip='$_GET[page]'"));
echo "<table><tr><td>Nip </td><td>: $isi[nip]</td></tr>
<tr><td>Nama </td><td>: $isi[nama]</td></tr>
<tr><td>Jabatan </td><td>: $isi[jabatan]</td></tr>
<tr><td>Jenis Kelamin </td><td>: $isi[kelamin]</td></tr>
<tr><td>Divisi </td><td>: $isi[divisi]</td></tr>
<tr><td>Agama </td><td>: $isi[agama]</td></tr>
<tr><td>Tanggal Lahir </td><td>: $isi[lahir]</td></tr>
<tr><td>No Hp </td><td>: $isi[hp]</td></tr>
</table>";
}
?>
</div>
<div id="foto">
<?php
echo '<td><img src="convert.php?page='.$isi['nip'].'" width="200px" height="250px" /></td>';
?>
</div>
</div>
</center>
</body>
</html>
dan ini adalah file cssnya...
style.css
#body {
border: 0px solid black;
background: #d3d3d3;
width:1000px;
height:530px;
font-size: 15px;
text-align: center;
margin: 0px 0px 0px 0px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
}
#header {
border: 0px solid black;
float: right;
width: 1000px;
height:70px;
color: blue;
font-size: 20px;
text-align: left;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
}
#nama {
border: 0px solid black;
float: left;
width: 230px;
text-align: left;
margin-left: 5px;
}
#fhoto {
border: 0px solid black;
background:#d3d3d1;
float: left;
width: 201px;
height:251px;
font-size: 1em;
text-align: left;
margin-left: 5px;
}
#content {
border: 0px solid black;
float: right;
width: 530px;
height:288px;
font-size: 17px;
text-align: left;
margin: 0px 0px 0px 10px;
}
#isibawah {
border: 0px solid black;
float: left;
}
uppp... hampir lupa databasenya.....
nama database sesuaikan dengan file conn.php
pegawai.sql
CREATE TABLE IF NOT EXISTS `pegawai` (
`nip` bigint(18) NOT NULL AUTO_INCREMENT,
`nama` varchar(50) NOT NULL,
`lahir` date NOT NULL,
`kelamin` varchar(10) NOT NULL,
`agama` varchar(10) NOT NULL,
`jabatan` varchar(50) NOT NULL,
`divisi` varchar(50) NOT NULL,
`hp` bigint(12) NOT NULL,
`alamat` varchar(50) NOT NULL,
`namaG` varchar(50) NOT NULL,
`typeG` varchar(50) NOT NULL,
`dataG` mediumblob,
PRIMARY KEY (`nip`)
)
Posted in: Programming
