How to Upload an Image in PHP and Store it in the Folder

How to Upload an Image in PHP and Store it in the Folder

In this tutorial, I will show you the exact steps on how to upload an image in PHP and store it in the folder.

Letā€™s see how weā€™ll do it:

First of all, weā€™ll create a basic HTML form that will allow users to choose an image file from their pc and submit it to the form handler. A form handler is a file with a nameĀ upload.phpĀ that contains a PHP script.

This PHP script will upload the image to a folder that is located on a server. So, this is a straightforward process that weā€™re going to do now.

Our file structure will look like this.

create folder to store images using PHP

In this above file structure image, first I created my project folder inside ā€˜htdocsā€˜ folder and named itĀ Then, I created 2 files and a folder inside it.

The images folder is where I will upload the image using PHP and store it in this folder. And theĀ index.htmlĀ file will have HTML form code whileĀ upload.phpĀ file consists of a PHP script that will process images.

Now, just paste theĀ practice.comĀ folder into your text editor, and letā€™s code.

Tip:Ā If you donā€™t know to run PHP code on your pc then check this guide first onĀ how to run PHP codeĀ on your pc.

Letā€™s begin with our first step:

Step 1: Create a Basic HTML Form to Upload Images in PHP

The form is very simple and it will look like this in your browser.

form to upload images in PHP

The form contains only one input to choose an image and an upload button. This form will allow users to choose an image to upload.

The HTML code of our image upload form will look like this below:

ā†’ index.html

<form action="upload.php" method="POST" enctype="multipart/form-data">
<input type="file" name="imageToUpload">
<input type="submit" name="submit" value="Submit">


Code Explanation:

  • In the above code, the form element contains three attributes, the firstĀ actionĀ attribute is used for specifying the form handler file which isĀ upload.php. And the method we will use to send input to the upload.php file isĀ POST.
  • And the third attribute I used isĀ enctypeĀ the attribute and set its value to ā€œmultipart/form-dataā€œ. Itā€™s crucial if you want to upload an image file in PHP.
  • Inside the form element, I used two inputs, one is a file upload button and the second is a submit button which will upload images in a folder upon click.

And CSS code to style the form is below.

ā†’ style.css

  box-sizing: border-box;
  margin: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 20px;
  padding-top: 100px;
  width: 50%;
  margin: auto;
  background-color: #f5f5f5;
  padding: 50px 20px;
  padding: 4px;
  width: 100%;
  background-color: #ffffff;
  color: #333;
  padding: 6px 3px 3px 3px;
input[type=file]::-webkit-file-upload-button {
  display: none;
  background-color: #333;
  background-color: #333333;
  color: #ffffff;
  padding: 10px;
  cursor: pointer;
  background-color: dodgerblue;
  color: #ffffff;
  padding: 10px;
  cursor: pointer;
  width: 26%;
  border-radius: 2px;
  border: none;
  background-color: rgb(15, 116, 218);
@media screen and (max-width: 700px){
    font-size: 18px;
    width: 90%;

You can copy the above CSS code and paste it in a separate style sheet or inside style tags of HTML.

Now, our form is ready. Letā€™s see the second step.

Step 2: PHP Code to Upload and Store Image in Folder

After choosing the image, when the user will click on the submit button. The HTML form will send data to theĀ upload.phpĀ file which weā€™re going to create now.

Inside theĀ upload.phpĀ file, weā€™ll write some code to upload an image file and store it in a folder.

So, letā€™s editĀ upload.phpĀ file in a text editor. Just see the code below.

ā†’ upload.php


  move_uploaded_file($_FILES['imageToUpload']['tmp_name'], "images/". $_FILES['imageToUpload']['name']);
    echo "image not found!";

Code Explanation:

1- First of all, on line number 2 in the above code, I checked whether theĀ nameĀ attribute of theĀ <input type="file">Ā is set or not using theĀ if()Ā statement withĀ isset()Ā function.

Inside the function, I used theĀ $_FILES[ ]Ā superglobal variable and pass the value of the name attribute which is ā€˜imageToUploadā€™.

If the variable is set and the statement will be true then the code inside it will execute otherwise it will not run.

2- Inside the curly brackets ofĀ if()Ā statement, I usedĀ move_uploaded_file()Ā function. This function is used to upload an image in PHP and store it in a folder.

TheĀ move_uploaded_file()Ā function uses two parameters inside it.

ā†’ php code

move_uploaded_file(tmp_name, filepath.withName);

The first parameter isĀ tmp_nameĀ which is the temporary name of the file.

And the second parameter is aĀ filename with the pathĀ where the image file will be stored.

These few lines of code will do the job and you can upload multiple images in PHP and store them in a folder.

This is how you can upload images in PHP and store them in a folder.

If you have questions related to this guide then feel free to leave a comment below.

Leave a Reply

Your email address will not be published. Required fields are marked *