Day4 with PHP | Image File Upload (for testing only)

First of all I would like to make a simple form for uploading image file "index.html".

<div class="container">

<form action="upload.php" method="post" enctype="multipart/form-data">

    Select image to upload:

    <input type="file" name="fileToUpload" id="fileToUpload">

    <input type="submit" value="Upload Image" name="submit" class="btn btn-primary">

</form>

</div>

Secondly I would like to start with PHP coding to make an image file upload "upload.php".

<?php
$target_dir = "uploads/";
$target_file = $target_dir.basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
//check if image file is a actual image or fake image
if (isset($_POST["submit"])) {
$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
if ($check !== false) {
echo "File is an image-".$check["mime"].".";
$uploadOk = 1;
}else{
echo "File is not an image.";
$uploadOk = 0;
}
}
//check if the file is already exists
if (file_exists($target_file)) {
echo "Sorry, file already exists.";
$uploadOk = 0;
}
//Allow certain file formats
if ($imageFileType !="jpg" && $imageFileType !="png" && $imageFileType !="jpeg" && $imageFileType !="gif") {
echo "Sorry, only JPG,JPEG,PNG,GIF files are allowed.";
$uploadOk =0;
}
//Check if $uploadOk is set to 0 by an error
if ($uploadOk ==0) {
echo "Sorry, your file was not uploaded.";
}else{
if(move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file )){
echo "The file ".basename($_FILES["fileToUpload"]["name"])." has been uploaded.";
}else{
echo "Sorry, there was an error uploading your file.";
}
}
?>

source: http://www.w3schools.com/php/php_file_upload.asp