Upload any file using html and php


Today i will explain you how you can upload any file using html and php.

upload file using html and php
upload file using html and php

I have make one upload folder in which all the uploaded files will be stored. Then i am making index.html and upload.php files.

The index.html file looks like this:-
[code lang=”html4strict”]
<!DOCTYPE HTML>
<html>
<head>
<title>Uploading files</title>
</head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file" />
<br />
<input type="submit" name="submit" value="Submit" />
</form>
</body>

</html>
[/code]

Note that in action i have put upload.php which i will write shortly and if you want to upload files then you must use enctype=”multipart/form-data”. Then i have inserted input field of type file and then submit button.
Now the code of upload.php file is:-
[code lang=”php”]
<?php

if ($_FILES["file"]["error"] > 0)
{
echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
}
else
{
echo "Upload: " . $_FILES["file"]["name"] . "<br />";
echo "Type: " . $_FILES["file"]["type"] . "<br />";
echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br />";

if (file_exists("upload/" . $_FILES["file"]["name"]))
{
echo $_FILES["file"]["name"] . " already exists. ";
}
else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"upload/" . $_FILES["file"]["name"]);
echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
}
}

?>
[/code]
In this above code:-
$_FILES[“file”][“error”] is used to get errors if found any.
$_FILES[“file”][“name”] is used to get the name of the file.
$_FILES[“file”][“type”] is used to get the type of file.
$_FILES[“file”][“size”] is used to get the size of file in bytes. So i have divided this by 1024 to get the size in KB.
$_FILES[“file”][“tmp_name”] is temporary name that the uploaded file got first.
Then i am checking if the file already exists in the upload directory with the same name.
Finally I am using move_uploaded_file function to move the file to upload directory.


Leave a Comment

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