Bagi kalian pengguna forum atau blog mungkin sudah tidak asing lagi dengan kata “Image Host”, ya! dari katanya sendiri dapat diartikan sebagai hosting yang dikhususkan untuk gambar. Sistem dari image hosting tersebut sangat simple yaitu ketika kita mengupload gambar maka akan muncul link embed untuk kita pergunakan selanjutnya.

Ada banyak sekali penyedia layanan hosting gambar sekarang ini, hhmm… yang sering saya gunakan sekitar ada 4 Contohnya,

  • Flikr.com
  • Photobucket.com
  • Imageshack.us
  • Tinypic.com

Hubungan image host dengan dengan internet sangat erat kaitannya khususnya para sahabat blogger atau pengguna forum (Kaskuser) pasti kalian tahu jawabannya hehehe…

Tapi sekarang ada permasalah lain lagi yang muncul, waktu itu saya menggunakan Imageshack sebagai penyedia hosting gambar saya tapi entah kenapa setelah beberapa hari kemudian gambar yang saya upload berubah gambarnya menjadi kodok!!?? saya berpikir kenapa ini bisa terjadi? ya memang sekarang-sekarang ini hosting gambar gratisan tersebut sudah membatasi jumlah bandwidth untuk mengakses gambarnya dan alasan lainnya hehe.

oke langsung saja kita persiapkan file – file nya berupa CSS dan file PHPnya,

style.css

.codes {
    display: block;
    width: 100%;
    overflow: scroll;
    white-space: nowrap;
    height: 2.5em;
    font-size: 100%;
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}
h1 {
	font-family: Calibri;
	margin-top: 2px;
	text-align: center;
	}
body {
	font-family: 'Ubuntu', sans-serif;
    text-align: center;
    background: #CCC;
}
.wrapper {
	background: #FFF;
    color: #000;
    text-align: left;
    font-family: sans-serif;
	font-weight: 700;
    width: 798px;
	max-width: 800px;
	padding: 10px 10px 10px 10px;
    margin: 80px auto;
	border: 1px solid #CCC;
	}
#showdiv {
    text-align: center;
}
#squares {
    text-align: center;
}
#squares iframe {
    margin: 0 auto;
}
#codes input{
	width: 80%;
}
.footer {
	font-family: Calibri;
	text-align: right;
	font-size: small;
}
.gambar {
	max-width: 700px;
	}

File diatas untuk bagian CSS nya :D

selanjutnya kita siapkan file bernama index.php yang isinya sebagai berikut,

<?php
$filedir = 'foto';
$maxsize = 1024*1024;
$terima = array('png', 'jpg', 'jpeg', 'gif', 'bmp');
?>
<html>
<head>
<title>Posting gambar</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="wrapper">
<h1>Hitamcoklat - Penyimpanan Gambar </h1>
<div id="showdiv"<?php if(empty($urlgambar)) { ?> style="display: none;"<?php } ?>>
<img id="showimg" src="<?php if(!empty($urlgambar)) print $urlgambar; else { ?>about:blank<?php } ?>" alt="Loading image..." />
</div>

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST') {

        if($_FILES['file']['size'] <= $maxsize) {
            $namafile = $_FILES['file']['name'];
            move_uploaded_file($_FILES['file']['tmp_name'], $filedir.'/'.$namafile);
            $linkurl = 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/', '/', $_SERVER['PHP_SELF']).$namafile;
            $urlgambar = 'http://'.$_SERVER['HTTP_HOST'].preg_replace('/\/([^\/]+?)$/', '/', $_SERVER['PHP_SELF']).$filedir.'/'.$namafile;
            print '<h2>Upload Berhasil!</h2>
					<p id="codes">
						<label for="kode">
							Embed untuk halaman forum:
						</label><br />
					<input type="text" id="kode" value="[IMG]'.$urlgambar.'[/IMG]" onclick="javascript:this.focus();this.select();" readonly="true" /><br />
					<label for="kodehtml">Embed untuk halaman website: </label><br />
						<input type="text" id="kodehtml" value=\'<a href="'.$linkurl.'"><img src="'.$urlgambar.'" alt="Image hosting by hitamcoklat" />&lt/a>\' onclick="javascript:this.focus();this.select();" readonly="true" /><br />
					<label for="codedirect">Direct link:</label><br />
            <input type="text" id="codedirect" value="'.$urlgambar.'" onclick="javascript:this.focus();this.select();" readonly="true" /></p><br>
			Gambar:<br><img class="gambar" src="'.$urlgambar.'" />';

        } else
            print '<p>Maaf file terlalu besar.</p>';

}
?>
<form enctype="multipart/form-data" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
  <br />
  <input type="hidden" name="max_file" value="<?php echo $maxsize; ?>" />
<label for="file">Upload Gambar: </label><input type="file" name="file" id="file" />
(File jangan lebih dari 1024 Kb)<br />
<input name="submit" type="submit" value="Upload" />
<br />
</form>
<div class="footer">
	©<a href="http://www.hitamcoklat.com">Septian Dwi Anugrah</a>
</div>
</div>

</body>
</html>

File diatas berfungsi sebagai halaman awal dan berguna untuk memproses gambar yang akan di hosting kan.

  • Pada baris 19 hingga 41 merupakan pengecekan terhadap method yang digunakan kepada server, jika method POST telah dilakukan maka mengeksekusi perintah-perintah dibawahnya dan jika tidak maka akan ditampilkan halaman upload file.
  • Pada baris ke 21 merupakan pengecekan terhadap file yang akan di upload, apakah melebihi batas upload atau tidak, jika melebihi maka akan ditampilkan pesan file terlalu besar dan proses dibatalkan
  • Sebenarnya skrip ini standar yang memiliki inti di fungsi move_uploaded_file() yang berfungsi untuk mengupload data ke server dan setelah itu menyajikannya ke dalam input type yang format nya sudah ditentukan.

Screenshot

imagehost2

Penampakan Image Hosting

imagehost1

Penampakan Upload File Foto

Kesimpulan:

Mungkin penggunaan image hosting ini merupakan alternatif lain dari penggunaan image hosting yang sudah ada. Seperti sistem-sistem yang sudah ada, image hosting php ini memiliki kekuarang dan kelebihan dari sudut pemakaiannya. diantara lain,

Kelebihan:

  • Dengan memiliki image hosting sendiri anda dapat dengan leluasa mengupload file apapun ke dalam hosting anda dan memanfaatkannya kembail
  • Dengan memiliki image hosting sendiri maka untuk dapat mengakses file yang anda gunakan akan lebih cepat dibanding kan image hosting luar yang telah saya sebutkan diatas *tergantung server juga siihh hehehe

Kekurangan:

  • Untuk dapat menggunakan image hosting PHP ini anda diharuskan memiliki hosting untuk dapat menggunakannya karena image hosting ini bersifat berdiri sendiri jadi anda dituntut untuk selalu memonitor hosting anda.
  • Jika ada yang melakukan injeksi terhadap image hosting anda maka resiko ditanggung sendiri hahha :D

Semoga bermanfaat! SALAM BLOGGER! :D ⤧  Next post Membuat Login Verifikasi Email PHP dan MySQL ⤧  Previous post Mengecek Online User Unik PHP dan MySQL + AJAX Simple