File Upload in PHP: If you want to upload a single file at a time using PHP. This tutorial will be helpful. You will get a general script within a custom function. This function can be used in multiple pages.
File Uploading is the most important part of the form. Because, In many cases, Users need to upload their required files to the website. So, PHP has provided us simple way to upload files by writing a few lines of the code.
Using this PHP file upload Script, You can upload different types of files like jpg, png, gif type image upload, pdf, doc, PHP, Html, CSS, zip, txt, excel, CSV, etc.
How to Upload File in PHP
Before Starting Coding, You should create the following folder structure. Otherwise, you can use the given file upload script directly in your project.
myproject |__uploads/ |__upload-form.php |__upload-script.php |
You can also use the following CSS code to design upload form.
<style type="text/css">
.files{
float: left;
background: #efefef;
width: 355px;
height: 209px;
text-align: center;
position: relative;
border: 5px solid #dbd6d6;
margin: 0px 5px;
}
.files a{
color: black;
font-size: 52px;
}
.files p{
margin-top:38px;
}
.images img{
width: 355px;
height: 200px;
}
.images{
float: left;
border: 5px solid #dbd6d6;
margin: 5px;
}
.upload-form{
width: 40%;
background: #dbd6d6;
height: 150px;
margin:20px;
text-align: center;
position: relative;
left: 18%
}
.upload-form input[type="file"]{
border: 1px solid white;
line-height: 20px;
position: relative;
top: 62px;
padding: 6px;
}
.upload-form input[type="submit"]{
position: relative;
top: 62px;
background: #8f8d8d;
border: 0px;
padding: 10px;
color: white;
font-weight: bold;
}
</style>
Read Also
Upload Multiple Files at a time And Store in Database Using PHP
Now, Configure the following steps. It is easy to understand & implement in a project
1. Create HTML Form
- First, Create an Upload form with the following attribute
method=post– It sends the form data with security.enctype="multipart/form-data"– This attribute allows us to upload all types of files such as images, videos, pdfs, docs, etc.action="upload-script.php"It will redirect toupload-script.phpto execute the PHP script of file uploading. Don’t worry, It will explain in the next step.type="file"It is necessary to select a file from the computer.
<form method="post" enctype="multipart/form-data" action="upload-script.php">
<?php echo $msg; ?>
<input type="file" name="file" multiple>
<input type="submit" value="Upload Now" name="submit">
</form>Complete upload form Code
File Name – upload-form.php
<?php
session_start();
$msg=!empty($_SESSION['msg'])?$_SESSION['msg']:'';
?>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.files{
float: left;
background: #efefef;
width: 355px;
height: 209px;
text-align: center;
position: relative;
border: 5px solid #dbd6d6;
margin: 0px 5px;
}
.files a{
color: black;
font-size: 52px;
}
.files p{
margin-top:38px;
}
.images img{
width: 355px;
height: 200px;
}
.images{
float: left;
border: 5px solid #dbd6d6;
margin: 5px;
}
.upload-form{
width: 40%;
background: #dbd6d6;
height: 150px;
margin:20px;
text-align: center;
position: relative;
left: 18%
}
.upload-form input[type="file"]{
border: 1px solid white;
line-height: 20px;
position: relative;
top: 62px;
padding: 6px;
}
.upload-form input[type="submit"]{
position: relative;
top: 62px;
background: #8f8d8d;
border: 0px;
padding: 10px;
color: white;
font-weight: bold;
}
</style>
</head>
<body>
<div class="upload-form">
<form method="post" enctype="multipart/form-data" action="upload-script.php">
<?php echo $msg; ?>
<input type="file" name="file" multiple>
<input type="submit" value="Upload Now" name="submit">
</form>
</div>
<br></br>
<!-- display files from database-->
<!--display files from databse-->
</body>
</html>
3. Write PHP File Upload Script
To write the PHP file script, read all the following points
- First, the check file is set or not using $_POST[‘submit’] method within if statement.
- If it is set. Call upload_file() and store in $msg variable
- Start session & store $msg in a session variable to display success or error message after uploading the file.
upload_file() Method
This method containing the following steps
- Declares a folder name where you have to save the file.
- Allow file type to upload.
- Get filename using
$_FILES['file']['name']and temporary file path using$_FILES["file"]["tmp_name"] - Get the type of selected file.
- If the selected file type is matched with the allowed file type, move the file from a temporary path to the original path using move_uploaded_file() to upload the file.
- If the file will be uploaded successfully, return a success message. otherwise, return an error message.
File Name – upload-script.php
<?php
// uploading files on submit
if(isset($_POST['submit'])){
// uploading files
$msg= upload_file();
session_start();
$_SESSION['msg']= $msg;
header('location:upload-form.php');
}
function upload_file(){
$uploadTo = "uploads/";
$allowFileType = array('jpg','png','jpeg','gif','pdf','doc');
$fileName = $_FILES['file']['name'];
$tempPath=$_FILES["file"]["tmp_name"];
$basename = basename($fileName);
$originalPath = $uploadTo.$basename;
$fileType = pathinfo($originalPath, PATHINFO_EXTENSION);
if(!empty($fileName)){
if(in_array($fileType, $allowFileType)){
// Upload file to server
if(move_uploaded_file($tempPath,$originalPath)){
return $fileName." was uploaded successfully";
// write here sql query to store image name in database
}else{
$error = 'File Not uploaded ! try again';
}
}else{
return $fileType." file type not allowed";
}
}else{
return "Please Select a file";
}
}
?>Suggestions:
I have provided the above source code. I hope, this tutorial will be helpful for you. If you have any doubt or questions, ask me directly through the comment box. I will definitely reply as soon as possible.
Leave a Reply