Hello were back again. Here I want to show you how to make an file uploading form that can check the supported file type. So first we need to make the form itself using HTML. Here is the code.
index.html
<html>
<head>
<title>Images</title>
</head>
<body>
<h1>Submit an Image to Arcade 70 Coding</h1>
<h3>only Image files are allowed.</h3>
<form action="submitted.php" enctype="multipart/form-data" method="post">
<input name="FileUpload" type="file" />
<br>
<input name="submit" type="submit" value="Submit" />
</form>
</body>
</html>
Notice
in the <FORM> tag, include the enctype='multipart/form-data or else it won't work. It also happened to me before when I ask this question in StackOverflow.
Now lets continue to php. Name the file submitted.php. If you want to name it another name, change the file destination in the previous html code. More, it can copy the uploaded file to the admin's web server directory. Just replace /pathname/ into your own web server path. Also, it can show the user the uploaded file info. The TMP file path can be ignored. The File size were measured in bytes (b). here is the code
submitted.php
<html>
<head>
<title>Uploading File</title>
</head>
<body>
<h1>File Info</h1>
<?php
echo "<b>File Name: </b>". $_FILES['FileUpload']['name'] . "<br>";
echo "<b>File Type: </b>". $_FILES['FileUpload']['type'] . "<br>";
echo "<b>File Location: </b>". $_FILES['FileUpload']['tmp_name']. "<br>";
echo "<b>File Size: </b>". $_FILES['FileUpload']['size'];
echo " bytes (B)";
echo "<br><br>";
$FileSource = $_FILES['FileUpload']['tmp_name'];
$FileUpload = '/pathname/'. $_FILES['FileUpload']['name'];
// checks and submits file
if (isset($_POST["submit"])) {
if (($_FILES['FileUpload']['type'] == "image/png") or ($_FILES['FileUpload']['type'] == "image/jpg") or ($_FILES['FileUpload']['type'] == "image/jpeg")
or ($_FILES['FileUpload']['type'] == "image/svg")
or ($_FILES['FileUpload']['type'] == "image/bmp")
{
copy($FileSource,$FileUpload);
echo "<h1>Upload Complete!</h1>";
}
else
{
echo "<h3>Sorry, you can only upload image files.</h3>";
}
}
?>
</body>
</html>
No comments:
Post a Comment