Membuat Upload File dan Gambar dengan PHP MYSQL

Membuat Upload Gambar  Menggunakan Php Mysql

Upload FIle dan Gambar Php Mysql

 

Upload merupakan hal yang sangat di perlukan dalam suatu web atau sebuah situs karena upload berguna untuk menyimpan data berupa file maupun gambar dari local ke server dan Bahasa yang paling banyak digunakan saat ini untuk programing web adalah php mysql oelh karena itu membuat upload file dan gambar dengan php mysql sangat di butuhkan karena dapat digunakan di berbagai jenis situs dari jejaring sosial, Blog, SItus Informasi, Online store dan sebagainya untuk mengupload sebuah gambar atau file. 

Langsung saja ke Tutorial :
  • Pertama Yang pastika Nyalakan XAMPP / Lampp anda
  • Kemudia Buat Folder dengan nama Unggah
  •  Kemudia Buat folder di dalam unggah dengan nama uploads
  • Kemudian buat database dengan nama dbtuts
  • setelah itu biar lebih cepat klik sql di localhost/phpmyadmin di database dbtuts
  • Seteah itu klik sql dan pastekan kode query berikut atau anda dapat mengkopy script berikut lalu  save dengan text editor anda dengan ekstensi *sql
-- phpMyAdmin SQL Dump
-- version 3.2.0.1
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: Dec 17, 2014 at 04:27 AM
-- Server version: 5.1.36
-- PHP Version: 5.3.0

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `dbtuts`
--

-- --------------------------------------------------------

--
-- Table structure for table `tbl_uploads`
--

CREATE TABLE IF NOT EXISTS `tbl_uploads` (
  `id` int(10) NOT NULL AUTO_INCREMENT,
  `file` varchar(100) NOT NULL,
  `type` varchar(30) NOT NULL,
  `size` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

--
-- Dumping data for table `tbl_uploads`
--

INSERT INTO `tbl_uploads` (`id`, `file`, `type`, `size`) VALUES
(1, '70455-(r)11d.jpg', 'image/jpeg', 19),
(2, '77190-3d-glass-green-effect.jpg', 'image/jpeg', 249);
 

  •  Setelah itu buat  5 file 
  • dbconfig.php digunakan sebagai koneksi ke database
  • index.php  sebagai form ipload gambar
  • upload.php  Proses untuk upload gambar 
  • view.php Untuk menampilakn gambar yang telah terupload
  •  
1. dbconfig.php 
<?php
$dbhost = "localhost";
$dbuser = "root";
$dbpass = "";
$dbname = "dbtuts";
mysql_connect($dbhost,$dbuser,$dbpass) or die('cannot connect to the server');
mysql_select_db($dbname) or die('database selection problem');
?>

2.index.php
<?php
include_once 'dbconfig.php';
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>File Uploading With PHP and MySql</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<label>Upload gambar dan file dengaan php mysql</label>
</div>
<div id="body">
    <form action="upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="file" />
    <button type="submit" name="btn-upload">upload</button>
    </form>
    <br /><br />
    <?php
    if(isset($_GET['success']))
    {
        ?>
        <label>Upload Berhasil...  <a href="view.php">click here to view file.</a></label>
        <?php
    }
    else if(isset($_GET['fail']))
    {
        ?>
        <label>Problem While File Uploading !</label>
        <?php
    }
    else
    {
        ?>
        <label>Silahkan Upload (PDF, DOC, EXE, VIDEO, MP3, ZIP,etc...)</label>
        <?php
    }
    ?>
</div>
<div id="footer">
<label>By <a href="http://zlearn.id">zlearn.id/a></label>
</div>
</body>
</html>

3.upload.php
 <?php
include_once 'dbconfig.php';
if(isset($_POST['btn-upload']))
{  
   
    $file = rand(10000000,2000000000)."-".$_FILES['file']['name'];
    $file_loc = $_FILES['file']['tmp_name'];
    $file_size = $_FILES['file']['size'];
    $file_type = $_FILES['file']['type'];
    $folder="uploads/";
  
    // new file size in KB
    $new_size = $file_size/1000000024;
    // new file size in KB
  
    // make file name in lower case
    $new_file_name = strtolower($file);
    // make file name in lower case
  
    $final_file=str_replace(' ','-',$new_file_name);
  
    if(move_uploaded_file($file_loc,$folder.$final_file))
    {
        $sql="INSERT INTO tbl_uploads(file,type,size) VALUES('$final_file','$file_type','$new_size')";
        mysql_query($sql);
        ?>
        <script>
        alert('successfully uploaded');
        window.location.href='index.php?success';
        </script>
        <?php
    }
    else
    {
        ?>
        <script>
        alert('error while uploading file');
        window.location.href='index.php?fail';
        </script>
        <?php
    }
}
?>


4.view.php 
<?php
include_once 'dbconfig.php';
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Upload File dengan PHP dan MySql</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="header">
<label>Upload file dan gambar dengan php mysql</label>
</div>
<div id="body">
    <table width="80%" border="1">
    <tr>
    <th colspan="4">your uploads...<label><a href="index.php">upload new files...</a></label></th>
    </tr>
    <tr>
    <td>File Name</td>
    <td>File Type</td>
    <td>File Size(KB)</td>
    <td>View</td>
    </tr>
    <?php
    $sql="SELECT * FROM tbl_uploads";
    $result_set=mysql_query($sql);
    while($row=mysql_fetch_array($result_set))
    {
        ?>
        <tr>
        <td><?php echo $row['file'] ?></td>
        <td><?php echo $row['type'] ?></td>
        <td><?php echo $row['size'] ?></td>
        <td><a href="uploads/<?php echo $row['file'] ?>" target="_blank">view file</a></td>
        </tr>
        <?php
    }
    ?>
    </table>
   
</div>
</body>
</html>


5.style.css
@charset "utf-8";
/* CSS Document */

*
{
    padding:0;
    margin:0;
}
body
{
    background:#fff;
    font-family:Georgia, "Times New Roman", Times, serif;
    text-align:center;
}
#header
{
    background:#00a2d1;
    width:100%;
    height:50px;
    color:#fff;
    font-size:36px;
    font-family:Verdana, Geneva, sans-serif;
}
#body
{
    margin-top:100px;
}
#body table
{
    margin:0 auto;
    position:relative;
    bottom:50px;
}
table td,th
{
    padding:20px;
    border: solid #9fa8b0 1px;
    border-collapse:collapse;
}
#footer
{
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:50px;
}


Seleai tinggal di ajalankan di browsur anda dan bila anda ingin mendownload source kode ada di bawah ini:

Downloads 




Share this

Related Posts

Previous
Next Post »

Berita Unik

loading...