How To Create File Image Upload With Gallery Using PHP

Submitted by alpha_luna on Wednesday, April 27, 2016 - 16:30.

Related Code: Upload Multiple Images In PHP Related Code: File Upload With Progress Bar Using PHP In this article, we are going to learn on How To Create File Image Upload With Gallery Using PHP. This tutorial creates using PHP/MySQL. You can use this source code to your website or social networking site project to have a photo gallery or you can include this to your User Registration With Photo, etc. Let's start with:

Creating our Table

For the first step, we are going to make our database. To create a database:

Open PHPMyAdmin
Create a database and name it as "biobook".
After creating a database name, click the SQL and kindly copy the code below.

--
-- Table structure for table `photos`
--
 
CREATE TABLE IF NOT EXISTS `photos` (
  `photo_id` int(100) NOT NULL AUTO_INCREMENT,
  `location` varchar(100) NOT NULL,
  `user_id` varchar(100) NOT NULL,
  `date_added` varchar(100) NOT NULL,
  PRIMARY KEY (`photo_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;

Form Field

This form where the user can choose their photo to upload then it will show in the gallery.

<div id="right-nav">
<h1>Your Photos</h1>
<div>
<form method="post" action="add_photo.php" enctype="multipart/form-data">
        <input type="file" name="image">
        <button class="btn-submit-photo" name="Submit" value="Log out">Add Photos</button>
</form>
<hr />
</div>
<?php
include("includes/database.php");
$query=mySQL_query("SELECT * from photos where user_id='$id' ") or die(mySQL_error());
while($row=mySQL_fetch_array($query)){
$id = $row['photo_id'];
?>
<div class="photo-select">
        <center>
        <img src="<?php echo $row['location']; ?>">
        <hr>
        <a href="delete_photos.php<?php echo '?id='.$id; ?>" class="btn-delete-photos">Delete</a>
        </center>
</div>  
<?php
}
?>
</div>

Creating Connection

This PHP source code is our database connection, kindly copy and save it as "database.php".

<?php
mysql_select_db('biobook',mysql_connect('localhost','root',''))or die(mysql_error());
?>

File Upload PHP Script

This source code will execute to save the photos to database and save it as "add_photo.php".

<?php
        include('includes/database.php');
        include('session.php');
                                                        
if (!isset($_FILES['image']['tmp_name'])) {
echo "";
}else{
$file=$_FILES['image']['tmp_name'];
$image = $_FILES["image"] ["name"];
$image_name= addslashes($_FILES['image']['name']);
$size = $_FILES["image"] ["size"];
$error = $_FILES["image"] ["error"];
 
if ($error > 0){
                        die("Error uploading file! Code $error.");
                }else{
                        if($size > 10000000) //conditions for the file
                        {
                        die("Format is not allowed or file size is too big!");
                        }
                        
                else
                        {
 
                move_uploaded_file($_FILES["image"]["tmp_name"],"upload/" . $_FILES["image"]["name"]);                  
                $location="upload/" . $_FILES["image"]["name"];
                $user=$_SESSION['id'];
                
                $update=mysql_query(" INSERT INTO photos (location,user_id,date_added)
                VALUES ('$location','$id',NOW()) ") or die (mySQL_error());
 
                }
                        header('location:photos.php');
                
                
                }
}
?>

And, that's it... You've been successfully created your File Image Upload With Gallery. This is the Output: Result

Related Code: Upload Multiple Images In PHP Related Code: File Upload With Progress Bar Using PHP Just download the complete source code below. By clicking the "Download Code" button. Share us your thoughts and comments below. Thank you so much for dropping by and reading this tutorial post. For more updates, don’t hesitate and feel free to visit this website more often and please share this with your friends or email me at [email protected]. Practice Coding. Thank you very much.

Add new comment

1350 views