Tuesday, June 3, 2014

Cara Menyimpan dan Menampilkan Gambar Dengan PHP/MySQL

Assalamu’alaikum Wr. Wb

Salam NewGen, kali ini saya akan share tentang cara menyimpan dan menampilkan gambar dengan PHP, ok langsung saja cara-caranya sebagai berikut.

Pertama kita buat terlebih dahulu databasenya di MySQL disini saya membuat db_latihan dan tabelnya tb_gambar

Field judul_gambar (Varchar(30)), nama_file(Varchar(50))


Setelah kita buat database dan tabelnya kita buat folder di C:\xampp\htdocs\ disini saya buat dengan nama folder BelajarPHP dan didalam folder BelajarPHP tersebut kita buat juga folder baru fungsinya untuk tempat penyimpanan gambar yang kita simpan nanti.
Kemudian kita buat file-file phpnya

Lat_simpan_gambar.php
Coding :
<html>
<body>
<form action="simpan_gambar.php" method="post" enctype="multipart/form-data" name="FUpload" id="FUpload">
  <p>Judul Gambar :
    <input name="judul_gambar" type="text" id="judul_gambar" size="30" maxlength="30" />
  </p>
  <p>File Gambar :
    <input name="nama_file" type="file" id="nama_file" size="30" />
</p>
  <p><input type="submit" name="btnSimpan" id="btnSimpan" value="Simpan" /></p>
</form>
</body>
</html>
Design :


Simpan di folder yang kita tadi buat “BelajarPHP” simpan dengan nama Lat_simpan_gambar.php

simpan_gambar.php
Coding :
<html>
<body>
<?php
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan")  or die("Gagal");
if (!empty($_FILES["nama_file"]["tmp_name"]))
{
    $jenis_gambar=$_FILES['nama_file']['type'];
    $judul_gambar=$_POST['judul_gambar'];
    if($jenis_gambar=="image/jpeg" || $jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||$jenis_gambar=="image/x-png")
    {          
        $gambar = $namafolder . basename($_FILES['nama_file']['name']);      
        if (move_uploaded_file($_FILES['nama_file']['tmp_name'], $gambar)) {
            echo "Gambar berhasil dikirim ".$gambar;
            $sql="insert into tb_gambar (judul_gambar,nama_file) values ('$judul_gambar','$gambar')";
            $res=mysql_query($sql) or die (mysql_error());
        } else {
           echo "Gambar gagal dikirim";
        }
   } else {
        echo "Jenis gambar yang anda kirim salah. Harus .jpg";
   }
} else {
    echo "Anda belum memilih gambar";
}
?>
</body>
</html><html>
<body>
<p>
  <?php
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan")  or die("Gagal");
if (!empty($_FILES["nama_file"]["tmp_name"]))
{
    $jenis_gambar=$_FILES['nama_file']['type'];
    $judul_gambar=$_POST['judul_gambar'];
    if($jenis_gambar=="image/jpeg" || $jenis_gambar=="image/jpg" || $jenis_gambar=="image/gif" ||$jenis_gambar=="image/x-png")
    {          
        $gambar = $namafolder . basename($_FILES['nama_file']['name']);      
        if (move_uploaded_file($_FILES['nama_file']['tmp_name'], $gambar)) {
            echo "Gambar berhasil dikirim ke".$gambar;
            $sql="insert into tb_gambar (judul_gambar,nama_file) values ('$judul_gambar','$gambar')";
            $res=mysql_query($sql) or die (mysql_error());
        } else {
           echo "Gambar gagal dikirim";
        }
   } else {
        echo "Jenis gambar yang anda kirim salah. Harus .jpg";
   }
} else {
    echo "Anda belum memilih gambar";
}
?>
</p>
<p>Lihat gambar <a href="tampil_gambar.php">DISINI</a></p>
</body>
</html>
Simpan dengan nama simpan_gambar.php di folder yang sama “BelajarPHP”

tampil_gambar.php
Coding :
<html>
<body>
<p>
  <?php
//Masukkan koneksi database disini
$namafolder="gambar/"; //tempat menyimpan file
$con=mysql_connect("localhost","root","") or die("Gagal");
mysql_select_db("db_latihan")  or die("Gagal");
   $datatamu = mysql_query("select judul_gambar,nama_file from tb_gambar order by judul_gambar asc;") or die("Gagal :".mysql_error()); 
   echo '<table width="400" align="center" border="1">'; 
   echo '<tr>'; 
   echo '<th>Judul Gambar</th>'; 
   echo '<th>Gambar</th>'; 
   echo '</tr>'; 
   while ($rec=mysql_fetch_object($datatamu))  
   {     
     echo '<tr>';    
     echo '<td>'.$rec->judul_gambar.'</td>';    
     echo '<td>';
     //ini bagian memanggil file gambar
     echo '<img src="'.$rec->nama_file.'" alt="'.$rec->judul_gambar.'" title="'.$rec->judul_gambar.'" width="100" />';
     echo '</td>';    
     echo '</tr>'; 
   } 
   echo '</table>'; 
   mysql_close();//tutup koneksi database 
?>
</p>
<p><a href="Lat_simpan_gambar.php">&lt;&lt; Kembali</a></p>
</body>
</html>
Simpan dengan nama tampil_gambar.php
Selesai... selanjutnya kita coba dan jalankan di browser kalian masukkan alamat “http://localhost/BelajarPHP/lat_simpan_gambar.php” tanpa kutip





Kalian bisa download juga sourcode yang sudah jadinya Disini

Semoga bermanfaat, Salam NewGen...
Wassalamu’alaikum Wr. Wb


15 comments:

  1. makasih gan infonya ? apa boleh mintak nomernya gan ? sms kan lebih jelas kalau saya mau tanyak ? bls

    ReplyDelete
  2. Gan bisa gak dibikin gambar alur flowchartnya dari input sampai output data, lagi belajar nee..szifronia@aol.com

    ReplyDelete
  3. Terimakasih banyaaaak. Semoga berkah!

    ReplyDelete
  4. terimakasih mas.... sukses selalu untuk anda.

    ReplyDelete
  5. mas kenapa saya gagal y? kesalahan "simpan_gambar.php on line 15
    Gambar gagal dikirim" padahal saya sudah mengikuti caradi atas

    ReplyDelete
  6. Makasih bgt codingnya bermanfaat banget..udah muter" nyari coding eehh ketemu juga yg mudah di aplikasikan..jadi terhura..����

    ReplyDelete
  7. Makasih bgt codingnya bermanfaat banget..udah muter" nyari coding eehh ketemu juga yg mudah di aplikasikan..jadi terhura..����

    ReplyDelete
  8. Makasih bgt codingnya bermanfaat banget..udah muter" nyari coding eehh ketemu juga yg mudah di aplikasikan..jadi terhura..����

    ReplyDelete
  9. Makasih Banyak Ya mas saya saranin aja nih bukan bermaksut nyalahin nih ye kalo bisa dimunculin di index aja mas dan jangan kasih download source kode biar banyak yg pengalaman coding
    #salam

    ReplyDelete