Cara Upload, Menyimpan, dan Menampilkan Gambar dengan PHP dan Mysql

 
Membuat script untuk menguload image,menyimpan lokasi image ke database dan menampilkannya
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 anda
  2. 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,
1
2
3
4
5
6
7
8
9
<?php
$host = "localhost";
$user = "root";
$pass = "";
$dbName = "db_tutorial";
mysql_connect($host, $user, $pass);
mysql_select_db($dbName)
or die ("Connect Failed !! : ".mysql_error());
?>
  1. simpan dengan nama connect.php, dan simpan dalam folder helloMobile
Step 4 : Membuat form upload image
  1. Ketikkan script berikut,
1
2
3
4
<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>
  1. simpan dengan nama formupload.php, simpan dalam folder helloMobile
Step 5 : Membuat script pemrosesan dan menampilkan gambar hasil upload
  1. Ketikkan script berikut,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<?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;
}
?>
  1. simpan dengan nama prosesupload.php

Komentar

  1. maaf mengganggu saya hanya ingin berbagi artiker yang berkaitan tentang PHP dan MYSQL\
    berikut linknya :
    http://repository.gunadarma.ac.id:8080/bitstream/123456789/1054/1/50406179.pdf
    semoga bermanfaat :)

    BalasHapus
  2. thanks tp link anda eror

    BalasHapus
  3. gk error koq mas, langsung ngesafe koq.

    BalasHapus
  4. coba kirimin lagi. soalnya ni eror mungkin ketutup ama iframe

    BalasHapus
  5. sip tutornya udah bisa dipakai bro...thanks

    BalasHapus
    Balasan
    1. yup sama sama. semoga anda puas dengan hasilnya

      Hapus
  6. yg tampil cm kotak putih mas.
    semua sudah bener sy ikuti tutorialnya.
    kira2 masalahnya dmn ya mas?
    tolong reply ke email sy i_am@dr.com
    trims

    BalasHapus
    Balasan
    1. nama Database sama scrip phpnya ngga sama.

      Hapus
  7. itu $_FILES[file][name] maksudnya gimana? saya bingung

    BalasHapus
    Balasan
    1. itu file/nama yang mau dimasukkin

      Hapus
  8. punya saya berjalan dgn baik tp pas upload langsung keluar:

    File not found
    Firefox can't find the file at /C:/Users/Olyn/Desktop/hellomobile/proses.php.

    kenapa ini mas??

    BalasHapus
    Balasan
    1. simpen file yang mau di uploed dimana?

      Hapus
  9. Mantap gan.. saya punya tutorial serupa silahkan di coba. semoga bermanfaat..
    http://www.youtube.com/watch?v=Ky70sr8IBec
    Simpan Gambar ke Dalam Database Mysql (Xampp) Dengan Dreamweaver CS6

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

cara membuat multi pencarian kategori.php

pengertian dan fungsi action script

Shortcut keyboard macromedia flash 8