Studi Kasus :
Membuat script untuk menguload image,menyimpan lokasi image ke database dan menampilkannya
Kebutuhan :
Webserver Packages, already installed.
Membuat script untuk menguload image,menyimpan lokasi image ke database dan menampilkannya
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,
- Done with the database!
Step 2 : Persiapkan Folder Kerja
- 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.
Step 3 : Membuat script koneksi ke DB
- 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
Step 4 : Membuat form upload image
- 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
Step 5 : Membuat script pemrosesan dan menampilkan gambar hasil upload
- 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
Step 6 : Testing Code
- Pergi ke http://localhost/helloMobile/formupload.php.
- Pilih gambar yang ingin diupload dengan memilih tombol browse
- Pilih save. Maka gambar yang telah anda upload akan ditampilkan.
No comments:
Post a Comment