File Upload Using PHP

File uploading steps:

Create a form using input fields
Put the upload script after form is submitted

1. Creating a form

Using bootstrap we can easily do the form creation step. Here is a sample bootstrap code:

<div class="card">
					<div class="card-body p-4">
						<form class="row" method="POST" enctype="multipart/form-data">
							<div class="col-md-9">
							<h5 class="card-title">File Upload</h5>
							
							<div class="mb-3">
								<label for="formFile" class="form-label text-muted mb-3">Please select a photo file to upload photo.</label>
								<input class="form-control" type="file" name="file_upload1" onchange="loadFile(event)" capture="filesystem" accept=".jpg,.jpeg,.png">
								<p class="small">We support: jpg, jpeg and png only</p>
								<script>
									var loadFile = function(event) {
									var output = document.getElementById('output');
									output.src = URL.createObjectURL(event.target.files[0]);
									output.onload = function() {
									  URL.revokeObjectURL(output.src) // free memory
										}
									};
								</script>
							</div>
							
							<button type="submit" name="upload" class="btn btn-primary mb-3">Upload Now</button>
						</div>
	
						<div class="col-md-3">
							<img src="uploads/placeholder.png" class="w-100 rounded bg-light" id="output">
						</div>
					</form>
				</div>
			</div>

2. Implementing php script

At the top of your php file you can put this code to setup file upload. Here we consider or allow only photo file as sample. If u want to upload another file, just replace the extension:

<?php $msg=""; 

if(isset($_POST['upload'])){
	$upload_dir1 = "uploads/raw/";
	if($_FILES['file_upload1']['tmp_name']==""){ $f_inst1="placeholder.png"; $msg="<strong>Sorry!</strong> No file found to upload."; $sta="warning";}
	else{
		$tmp_file1 = $_FILES['file_upload1']['tmp_name'];
		$target_file1 = basename($_FILES['file_upload1']['name']);
		$file_typ1 = basename($_FILES['file_upload1']['type']);
		$file_typ1=$file_typ1;
		$cur_file1=$upload_dir1."/".$target_file1;
		if($target_file1==""){ $f_inst1="placeholder.png";}
		else{
		$ran=rand(1000,9999999);
		$f_inst1=date('m')."_".date('d')."_"."$ran.".$file_typ1;
		$rename_file1=$upload_dir1."/".$f_inst1;
		
		if(move_uploaded_file($tmp_file1, $upload_dir1."/".$target_file1)) {
			rename("$cur_file1", "$rename_file1");
			$msg="<strong>Great!</strong> File <a href='$upload_dir1/$f_inst1'><i>$f_inst1</i></a> has been uploaded in directory: <i>$upload_dir1</i>";
			$sta="success";
		} 
		else {
			$msg="<strong>Something went wrong!</strong> File not uploaded. Please retry."; $sta="danger";
			}
		}			
	}
	
}

?>

Download sample code

File Upload Using PHP

File uploading steps:

1. Creating a form

2. Implementing php script

Comments 1

ecoswap

Leave your Comment

Recent Blogs

Date preview like facebook time ago using PHP

HTML5 Date And Time Picker

Compressing Image Size Using PHP

Custom Font Facing

Make See More Function Using PHP

Watermark using PHP

Format Number Like Facebook Counter Using PHP

How to hide .php from the URL?

কে বলে ফ্রিল‍্যান্সিং মুক্ত পেশা?

All Categories