Simple and complete example of PHP and HTML source code to upload...

Simple and complete example of PHP and HTML source code to upload an image to server

2025-07-30 11:55:21 • PHP

Here is a simple and complete example of PHP and HTML source code to upload an image to your server. It includes:

File type and size validation
Upload to a specific folder (uploads/)
Feedback messages

Folder Structure (example)

/upload-demo/

── upload.php

── index.html

── uploads/

← Make sure this folder is writable (chmod 755 or 777)

`index.html` (HTML Form)

<!DOCTYPE html>
<html>
<head>
  <title>Image Upload</title>
</head>
<body>
  <h2>Upload an Image</h2>
  <form action="upload.php" method="POST" enctype="multipart/form-data">
    <input type="file" name="image" accept="image/*" required><br><br>
    <button type="submit" name="upload">Upload Image</button>
  </form>
</body>
</html>

`upload.php` (PHP Handler)

<?php
if (isset($_POST['upload'])) {
    $targetDir = "uploads/";
    $file = $_FILES['image'];

    // File info
    $fileName = basename($file['name']);
    $targetFile = $targetDir . $fileName;
    $fileType = strtolower(pathinfo($targetFile, PATHINFO_EXTENSION));
    $allowedTypes = ['jpg', 'jpeg', 'png', 'gif'];
    
    // Validate image
    if (!in_array($fileType, $allowedTypes)) {
        echo " Only JPG, JPEG, PNG & GIF files are allowed.";
        exit;
    }

    if ($file['size'] > 2 * 1024 * 1024) { // 2MB limit
        echo " File is too large. Max 2MB allowed.";
        exit;
    }

    if (move_uploaded_file($file["tmp_name"], $targetFile)) {
        echo " Image uploaded successfully: <a href='$targetFile'>$fileName</a>";
    } else {
        echo " Failed to upload image.";
    }
} else {
    echo "No file uploaded.";
}
?>

Tips:

Make sure the uploads/ folder has write permissions (chmod 755 or 777).
Always sanitize the filename in production to avoid malicious file names.
Add further security by checking MIME type (using mime_content_type() or getimagesize()).

Would you like this bundled in a .zip file ready to download and use?

Please log in to like, share and comment!

Simple and complete example of PHP and HTML source code to upload an image to server

Folder Structure (example)

`index.html` (HTML Form)

`upload.php` (PHP Handler)

Tips:

Read More

Method 2: Converting a Website into an Android App Using Android Studio

How to Build a Strong Upwork Portfolio: A Step-by-Step Guide

How to Implement Google Auto-login on a Website

How to Create a slider in HTML

Why Failing Is Part of Self-Development and How to Bounce Back

Categories

Join

Language

Simple and complete example of PHP and HTML source code to upload an image to server

Folder Structure (example)

index.html (HTML Form)

upload.php (PHP Handler)

Tips:

Read More

Method 2: Converting a Website into an Android App Using Android Studio

How to Build a Strong Upwork Portfolio: A Step-by-Step Guide

How to Implement Google Auto-login on a Website

How to Create a slider in HTML

Why Failing Is Part of Self-Development and How to Bounce Back

Categories

`index.html` (HTML Form)

`upload.php` (PHP Handler)