Tutorial Upload, Menyimpan, dan Menampilkan Gambar dengan PHP dan MysqlJanuary 4, 2011by littleflow3r
Studi Kasus : Membuat script untuk menguload image,menyimpan lokasi image ke database dan menampilkannyaKebutuhan : Webserver Packages, already installed.Ikuti langkah-langkah dibawah.Step 1 : Persiapkan Database
1. Buat database dengan nama db_tutorial
2. Siapkan tabel dengan nama tb_image, dengan struktur tabel seperti gambar dibawah ini.
3. Done with the database!Step 2 : Persiapkan Folder Kerja
1. Buat folder dengan nama helloMobile dalam document root anda2. 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.
3. Simpan semua file dalam praktikum ini dalam folder helloMobile tersebut.Step 3 : Membuat script koneksi ke DB
1. Ketikkan script berikut,2. <?php3. $host = "localhost";4. $user = "root";5. $pass = "";6. $dbName = "db_tutorial";7. mysql_connect($host, $user, $pass);8. mysql_select_db($dbName)9. or die ("Connect Failed !! : ".mysql_error());10. ?>11. simpan dengan nama connect.php, dan simpan dalam folder helloMobile
Step 4 : Membuat form upload image
1. Ketikkan script berikut,2. <form name="form" method="post" enctype="multipart/form-data"
action="proses.php">3. Image : <input name="picture" type="file" />4. <input type="submit" name="upload" value="Upload" />5. </form>6. simpan dengan nama formupload.php, simpan dalam folder helloMobile
Step 5 : Membuat script pemrosesan dan menampilkan gambar hasil upload
1. Ketikkan script berikut,2. <?php3. include "connect.php";4. $fileName = $_FILES['picture']['name']; //get the file name5. $fileSize = $_FILES['picture']['size']; //get the size6. $fileError = $_FILES['picture']['error']; //get the error when
upload
7. if($fileSize > 0 || $fileError == 0){ //check if the file is corrupt or error
8. $move = move_uploaded_file($_FILES['picture']['tmp_name'], 'E:/DocumentRootYuni/helloMobile/image/'.$fileName); //save image to the folder
9. if($move){10. echo "<h3>Success! </h3>";11. $q = "INSERT into tb_image
VALUES('','$fileName','image/$fileName')"; //insert image property to database
12. $result = mysql_query($q);13.14. $q1 = "SELECT location from tb_image where filename =
'$fileName' limit 1 "; //get the image that have been uploaded15. $result = mysql_query($q1);16. while ($data = mysql_fetch_array($result)) {17. $loc = $data['location']; ?>18. <br/>19. <h2> This is the Image : </h2>20. <img src="<?php echo $loc; ?>" /> <!-- show the image
using img src -->21. <?php22. }23. } else{24. echo "<h3>Failed! </h3>";25. }26. } else {27. echo "Failed to Upload : ".$fileError;28. }29. ?>30. simpan dengan nama proses.php31. Untuk penjelasan script, dapat dilihat di komentar script
Step 6 : Testing Code
1. Pergi ke http://localhost/helloMobile/formupload.php. Anda akan melihat form seperti dibawah,
2. Pilih gambar yang ingin diupload dengan memilih tombol browsePilih save. Maka gambar yang telah anda upload akan ditampilkan