bukan untuk membenci, bukan untuk mencaci, tapi untuk memahami
Tutorial Upload, Menyimpan, dan Menampilkan Gambar dengan PHP dan Mysql
January 4, 2011
by littleflow3r
Kebutuhan : Webserver Packages, already installed.
Ikuti langkah-langkah dibawah.
Step 1 : Persiapkan Database
- Buat database dengan nama db_tutorial
- Siapkan tabel dengan nama tb_image, dengan struktur tabel seperti gambar dibawah ini.
- Done with the database!
- Buat folder dengan nama helloMobile dalam document root anda
- Buat lagi folder dengan nama image didalam folder helloMobile yang telah anda buat sebelumnya. Folder image ini adalah folder yang akan digunakan untuk menyimpan gambar hasil upload.
- Simpan semua file dalam praktikum ini dalam folder helloMobile tersebut.
- Ketikkan script berikut,
<?php $host = "localhost"; $user = "root"; $pass = ""; $dbName = "db_tutorial"; mysql_connect($host, $user, $pass); mysql_select_db($dbName) or die ("Connect Failed !! : ".mysql_error()); ?>
- simpan dengan nama connect.php, dan simpan dalam folder helloMobile
- Ketikkan script berikut,
<form name="form" method="post" enctype="multipart/form-data" action="proses.php"> Image : <input name="picture" type="file" /> <input type="submit" name="upload" value="Upload" /> </form>
- simpan dengan nama formupload.php, simpan dalam folder helloMobile
- Ketikkan script berikut,
<?php include "connect.php"; $fileName = $_FILES['picture']['name']; //get the file name $fileSize = $_FILES['picture']['size']; //get the size $fileError = $_FILES['picture']['error']; //get the error when upload if($fileSize > 0 || $fileError == 0){ //check if the file is corrupt or error $move = move_uploaded_file($_FILES['picture']['tmp_name'], 'E:/DocumentRootYuni/helloMobile/image/'.$fileName); //save image to the folder if($move){ echo "<h3>Success! </h3>"; $q = "INSERT into tb_image VALUES('','$fileName','image/$fileName')"; //insert image property to database $result = mysql_query($q); $q1 = "SELECT location from tb_image where filename = '$fileName' limit 1 "; //get the image that have been uploaded $result = mysql_query($q1); while ($data = mysql_fetch_array($result)) { $loc = $data['location']; ?> <br/> <h2> This is the Image : </h2> <img src="<?php echo $loc; ?>" /> <!-- show the image using img src --> <?php } } else{ echo "<h3>Failed! </h3>"; } } else { echo "Failed to Upload : ".$fileError; } ?>
- simpan dengan nama proses.php
- Untuk penjelasan script, dapat dilihat di komentar script
- Pergi ke http://localhost/helloMobile/formupload.php. Anda akan melihat form seperti dibawah,
- Pilih gambar yang ingin diupload dengan memilih tombol browse
- Pilih save. Maka gambar yang telah anda upload akan ditampilkan
<p>Your browser does not support iframes.</p>
Related Articles:
: PHP
: php upload image, upload gambar, upload image