Upload-Download File Gambar Sederhana [ PHP-MySQL ]

By: On: 11/13/2014  In: , , , , , ,  5 comments
Selamat malam sobat, lama gak update blog ni, hehehe. Kali ini saya akan mempublikasikan tutorial sederhana bagaimana pembuatan Upload-Download File Gambar Sederhana [ PHP-MySQL ]. Eits,.. jangan lupa kompi sobat udah diinstall XAMPP. :D,
Adapun langkah-langkahnya berikut ini:
  • Buka aplikasi XAMPP Control Panel kemudian aktifkan modul Apache dan MySQL. Setelah itu klik admin, maka akan otomatis masuk ke jendela PHPMyAdmin, perintah kueri untuk membuat database yaitu: 
CREATE DATABASE `upload`;
  • Buat tabel_data 
Perintah kuerinya sebagai berikut:
    CREATE TABLE `tabel_data` (
  `id` int(5) NOT NULL AUTO_INCREMENT,
  `nama_file` varchar(20) COLLATE latin1_general_ci NOT NULL,
  `ukuran` varchar(10) COLLATE latin1_general_ci NOT NULL,
  `url` varchar(50) COLLATE latin1_general_ci NOT NULL,
  `tgl_upload` varchar(20) COLLATE latin1_general_ci NOT NULL,
  `keterangan` text COLLATE latin1_general_ci NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=2 ;
    • Buat folder dalam direktori C:\xampp\htdocs usahakan nama folder yang mudah diingat dan tidak terlalu panjang. Buka folder yang tadi anda buat kemudian buat folder lagi dengan nama files untuk penempatan gambar hasil upload aplikasi. Didalam folder yang pertama anda buat, buat file conn.php dengan menggunakan editor Notepad ++ atau program editor lain yang anda install.
    <?php
//konfigurasi
ini_set('display_errors',FALSE);
$host="localhost";
$user="root";
$pass="";
$db="upload";
//koneksi 
$koneksi=mysql_connect($host,$user,$pass);
mysql_select_db($db,$koneksi);
$tanggal=date("Y-m-d");
//cek
if ($koneksi)
{
 //echo "berhasil : )";
}else{
?><script language="javascript">alert("Gagal Koneksi Database MySql !")</script>
<?php
}
?>
      =>Penjelasan:
      File ini digunakan untuk menghubungkan aplikasi ini dengan database upload yang tadi dibuat. $koneksi jika berhasil terkoneksi dengan database maka akan memilih database $db, jika gagal memilih maka akan muncul alert "Gagal Koneksi Database MySql !".
      • Buat file index.php masih dalam folder yang sama, file tampil.php ini berfungsi untuk menampilkan sekaligus form menginput data gambar yang akan di-upload (copy) di folder files, dengan catatan hanya nama file gambar saja yang dicatat dari tabel data.
      <html>
<head>
<title>Blog Codingku PHP-MySQL</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2 align="center">Upload Files</h2>
<form enctype="multipart/form-data" action="upload.php" method="post">
<table class="datatable" align="center">
  <tr>
    <td width="29%" height="37" valign="middle"><font size="2" face="verdana">File</font></td>
    <td><input type="file" name="datafile" size="30" id="gambar" /></td>
  </tr>
  <tr>
    <td height="77"><font face="verdana" size="2">Keterangan</font></td>
    <td><textarea name="keterangan" cols="40" rows="4"></textarea></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td width="71%"><input name="submit" type="submit" value=" UPLOAD " />&nbsp;</td>
  </tr>
</table>
</form>
<?php include "download.php" ;?>
</body>
</html>
        =>Penjelasan:
        Dalam pembuatan form untuk upload haru ada fungsi enctype="multipart/form-data" supaya file yang di-upload nanti dapat dikenali, kemudian ada name="datafile" sebaga input file gambar yang akan diterima pada variabel $_FILES yang akan dikirim dari form file indek.php.
        • Buat file style.css
        <!--untuk tabel-->
p, td, th {
    font: 12 Arial, Helvetica, sans-serif;
}
.datatable {
    border: 1px solid #D6DDE6;
    border-collapse: collapse;
}
.datatable td {
    border: 1px solid #D6DDE6;
    padding: 4px;
}
.datatable th {
    border: 1px solid #828282;
    background-color: #BCBCBC;
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
 padding-right: 0px;
 text-align:center;
}
.datatable caption {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #33517A;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 8px;
}
.datatable tr.altrow {
    background-color: #DFE7F2;
    color: #000000;
}

        File ini bertujuan hanya sebagai pengaturan tampilan halaman awal (index.php). 
        • Buat file upload.php
        <?php 
include "conn.php";

//periksa apakah user telah menekan submit, dengan menggunakan parameter setingan keterangan
if (isset($_POST['keterangan']))
{
 $tanggal;
 $keterangan=ucwords($_POST['keterangan']);
 $nama_file=$_FILES['datafile']['name'];
 $ukuran=$_FILES['datafile']['size'];
 
 //periksa jika data yang dimasukan belum lengkap
 if ($keterangan=="" || $nama_file=="")
 {
  //jika ada inputan yang kosong
  ?><script>alert('Data Anda belum lengkap');</script><?php
  ?><script>document.location.href='index.php';</script><?php
  
 }else{
  
  //definisikan variabel file dan alamat file
  $uploaddir='./files/';
  $alamatfile=$uploaddir.$nama_file;

  //periksa jika proses upload berjalan sukses
  if (move_uploaded_file($_FILES['datafile']['tmp_name'],$alamatfile))
  {
   //jika berhasil
   ?><script>alert('Data Anda berhasil diupload');</script><?php
   ?><script>document.location.href='index.php';</script><?php
   
   //catat data file yang berhasil di upload
   $upload=mysql_db_query($db,"INSERT INTO tabel_data(nama_file,ukuran,url,tgl_upload,keterangan) VALUES('$nama_file','$ukuran','$alamatfile','$tanggal','$keterangan')");
  
  }else{
   //jika gagal
   echo "Proses upload gagal, kode error = " . $_FILES['location']['error'];
  }
 }
}
else
{
 unset($_POST['keterangan']);
}
?>

         =>Penjelasan:
        Mari kita cermati variabel dari file diatas.
        $tanggal; => mengambil variabel dari file conn.php.
        $keterangan=ucwords($_POST['keterangan']); => fungsi ini digunakan untuk mengubah file dari pengiriman variabel name "keterangan" input dari form file index.php dan karakter huruf dirubah menjadi Huruf Kapital di awal karakter saja.
        $nama_file=$_FILES['datafile']['name']; => Fungsi ini digunakan untuk mengetahui nama file yang di upload.
        $ukuran=$_FILES['datafile']['size']; => Fungsi ini digunakan untuk mengetahui ukuran file yang di upload.
        Kueri untuk memasukkan data dalam tabel data yaitu "$upload=mysql_db_query($db,"INSERT INTO tabel_data(nama_file,ukuran,url,tgl_upload,keterangan) VALUES('$nama_file','$ukuran','$alamatfile','$tanggal','$keterangan')");
        • Buat file download.php
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<?php
include "conn.php";
$download=mysql_query("select * from tabel_data");
$cek=mysql_num_rows($download);
if($cek){
?>
 <h2 align="center">Download Files</h2>
 <table class="datatable" align="center">
  <tr>
   <th>No</th>
   <th>File Gambar</th>
   <th>Ukuran (byte)</th>
   <th>Tgl Upload</th>
   <th>Keterangan</th>
   <th>Download</th>
  </tr>
 <?php
 while($row=mysql_fetch_array($download)){
  ?>
  <tr>
   <td><?php echo $c=$c+1;?></td>
   <td><img src="<?php echo $row['url'];?>" border="0" width="100" height="100"/></td>
   <td><?php echo $row['ukuran'];?></td>
   <td><?php echo $row['tgl_upload'];?></td>
   <td><?php echo $row['keterangan'];?></td>
   <td><a href="<?php echo $row['url'];?>"><img src="download.jpg" border="0"/></a></td>
  </tr>
  <?php
 }
 ?>
 </table>
 <?php
}else{
 echo "<font color=red><center><b>Belum Ada Data!!</b><center</font>";
}
?>
          =>Penjelasan:
          Sebernarnya file ini hanya menampilkan data dari tabel data, dengan keadaan bahwa ada data di tabel tersebut. Kuerinya yaitu hanya menampilkan yaitu: 
          $download=mysql_query("select * from tabel_data");
          Semua file yang dibuat diatas dapat didownload pada link dibawah ini. Semoga bermanfaat bagi sobat yang sedang belajar pemrograman PHP-MySQL. Aamiin,...

          Password RAR :  

              Written by

              Terima kasih atas kunjungan serta kesediaan anda membaca artikel tentang Upload-Download File Gambar Sederhana [ PHP-MySQL ], semoga artikel ini bermanfaat dan menambah wawasan kita semua. Aamiin. . .

              5 comments:

              1. AnonymousMonday, 17 September, 2018

                Hеy there just wanted tо give you a quick headѕ up.
                The words in your content seem to be running off the screen in Internet explօrer.
                I'm not sսгe if this is a formatting issue or something to do with web browser cоmpɑtibility but I figuгed
                I'd post to let you кnow. The design looк great though!
                Hope you get the issue resolved soon. KuԀоs
                pop oveг here : Ꮋow To Lock Files In 15 Minutes
                And Ѕtill Look Your Best

                ReplyDelete
              2. teknisi feumSaturday, 29 September, 2018

                mas kalau misalkan file yang telah diupload mau di download lagi bagaimana scripnya gan?

                ReplyDelete
              3. AnonymousMonday, 18 March, 2019

                What's up, of course this article is genuinely fastidious and I have learned lot of things from it on the topic of blogging.
                thanks.

                ReplyDelete
              4. AnonymousWednesday, 17 April, 2019

                Good info. Lucky me I discovered your website by chance (stumbleupon).
                I have saved it for later!

                ReplyDelete
              5. AnonymousMonday, 22 April, 2019

                Excellent web site you have got here.. It's hard to find quality writing like yours these days.
                I honestly appreciate people like you! Take care!!

                ReplyDelete

              * Jangan menempelkan link hidup, karena tidak akan ditampilkan
              * Laporkan jika ada link download yang mati.
              * Komentar selalu akan dimoderasi.
              NB: Berkomentarlah dengan sopan.

              Subscribe to: Post Comments (Atom)

               

              © 2013 Codingku PHP-MySQL. All rights resevered. Designed by Templateism

              Back To Top