Upload dan Menampilkan Gambar dengan PHP dan MySQL ~ Kafe KODING

Setelah sekian lama saya tidak memposting di karenakan sok menyibukan diri =))

Kali ini saya akan memposting tentang Upload dan Menampilkan Gambar dengan PHP dan MySQL,

terkadang kita perlu untuk mengupload sebuah gambar ke website,

sebenarnya untuk mengupload gambar ini kita hanya perlu memindahkan gambar dari komputer client lalu di simpan di dalam sebuah folder di komputer server dan hanya nama dari gambar tersebut lah yang kita simpan ke dalam database.

Langkah - langkah Upload dan Menampilkan Gambar dengan PHP dan MySQL

1. Buatlah sebuah folder di C:\xampp\htdocs dengan nama uploadgambar

2. Tambahkan sebuah folder di dalam uploadgambar dengan nama image, folder inilah yang akan menampung gambar-gambar yang kita upload

3. Buatlah sebuah database dengan nama latihan dan buatlah sebuah table dengan script dibawah ini

Upload dan Menampilkan Gambar dengan PHP dan MySQL

1create table upload (

2id_gambar int (11) primary key auto_increment,

3nama_gambar varchar(100)

4)

4. Buatlah sebuah file php dengan nama index.php dan simpan di dalam folder uploadgambar

01<?php

02$server="localhost"; //lokasi server

03$username="root";  // username mysql

04$password="root"; // jika mysql anda tidak diberi password silahkan dikosongkan

05$namadb="latihan"; // Nama database

06

07// Mengkoneksikan file index.php ke server

08$conn=mysql_connect($server,$username,$password);

09

10// Memilih database

11$db=mysql_select_db($namadb);

12

13

14if (isset($_POST['upload'])) // Jika tombol upload di tekan

15{

16 $nama_gambar=$_FILES['gambar'] ['name']; // Mendapatkan nama gambar

17 $lokasi=$_FILES['gambar'] ['tmp_name'];

18  

19 // Menyiapkan tempat nemapung gambar yang diupload

20 $lokasitujuan="./image";

21 // Menguplaod gambar kedalam folder ./image

22 $upload=move_uploaded_file($lokasi,$lokasitujuan."/".$nama_gambar);

23  

24 $query=mysql_query("insert into upload (nama_gambar) values ('".$nama_gambar."')");

25 echo "Gambar berhasil diuplaod";

26 // Merefresh halaman

27 echo "<meta http-equiv='refresh' content=3;url='./'>";

28}

29?>

30<html>

31<head>

32<title>[Tutorial_Koding] Uplaod Gambar dengan PHP dan MySQL</title>

33</head>

34<body>

35<!-- Membuat form untuk mengupload gambar -->

36<form method="post" action="" enctype="multipart/form-data">

37<table width="700" border="0" cellspacing="0" cellpadding="0">

38  <tr>

39    <td height="36" colspan="3" align="center"><h3>Form Upload Gambar</h3></td>

40    </tr>

41  <tr>

42    <td height="37">Pilih Gambar</td>

43    <td>:</td>

44    <td><input type="file" accept="image/*" name="gambar"> <!-- image/* digunakan untuk memfilter file gambar saja yang bisa diupload --></td>

45  </tr>

46  <tr>

47    <td height="38">&nbsp;</td>

48    <td colspan="2"><input type="submit" name="upload" value="Upload Gambar"></td>

49    </tr>

50</table>

51</form>

52

53<!-- membuat table untuk menampilkan data gambar yang diupload -->

54<table width="700" border="0" cellspacing="0" cellpadding="0">

55  <tr>

56    <td colspan="3" align="center"><h3>List Gambar yang telah diupload</h3></td>

57  </tr>

58  <tr>

59    <td>No.</td>

60    <td>Nama Gambar</td>

61    <td>Aksi</td>

62  </tr>

63<?php

64$querygambar=mysql_query("select * from upload");

65// Perulangan untuk menampilkan data gambar

66while ($data=mysql_fetch_array($querygambar))

67{ $a++;

68?>

69  <tr>

70   <!-- Untuk menampilkan nomor urut -->

71    <td><?=$a;?></td>

72    <!-- untuk menampilkan nama gambar -->

73    <td><?=$data['nama_gambar'];?></td>

74    <!-- membuat link yang mengarah pada lihat.php untuk melihat gambar yang diupload -->

75    <td><a href="lihat.php?idgambar=<?=$data['id_gambar'];?>">Lihat Gambar</a></td>

76  </tr>

77<?php } ?>

78</table>

79

80</body>

81</html>

5. Buatlah sebuah file dengan nama lihat.php dan ketikan script dibawah ini

01<?php

02$server="localhost"; //lokasi server

03$username="root";  // username mysql

04$password="root"; // jika mysql anda tidak diberi password silahkan dikosongkan

05$namadb="latihan"; // Nama database

06

07// Mengkoneksikan file index.php ke server

08$conn=mysql_connect($server,$username,$password);

09

10// Memilih database

11$db=mysql_select_db($namadb);

12

13// mendapakan value dari url ?lihat.php?idgambar=

14$id=$_GET['idgambar'];

15// Query untuk menampilkan data dari table upload

16$query=mysql_query("select * from upload where id_gambar='".$id."'");

17$data=mysql_fetch_array($query)

18?>

19<html>

20<head>

21<title>[Tutorial_Koding] Uplaod Gambar dengan PHP dan MySQL</title>

22</head>

23<body>

24<!-- menampilkan gambar -->

25<img src="./image/<?=$data['nama_gambar'];?>" width="500" height="500">

26</body>

27</html>

6. Buka browser anda dan ketikan http://localhost/uploadgambar/

Klik tombol pilih file lalu klik tombol upload gambar, jika gambar berhasil diupload maka nama gambar yang diupload akan muncul di dalam tabel list gambar

7. Klik Lihat Gambar untuk melihat gambar anda yang telah diupload