How to Implement Multi-File Uploads Using HTML and PHP?

Multi-File Upload with HTML and PHP

Enhancing the functionality of single-file uploads, HTML5 now enables the selection and submission of multiple files simultaneously. This article addresses the challenge of implementing such a feature using HTML and PHP.

In the HTML markup, the element with the type attribute set to "file" is used to create a file input control. Additionally, the multiple attribute allows users to select multiple files at once.

Within the form tag, the enctype attribute must be set to "multipart/form-data" to indicate that the form data will be sent in multiple parts. This is necessary for handling file uploads.

On the server-side, PHP uses the global $_FILES superglobal to process the uploaded files. By iterating through the array of files in $_FILES, developers can access information such as file names, temporary file locations, types, sizes, and any errors encountered during the upload process.

Below is an example script that demonstrates the process of handling multiple file uploads using HTML and PHP:

<?php if (isset($_FILES['my_files'])) {
    $files = $_FILES['my_files'];
    $fileCount = count($files["name"]);

    for ($i = 0; $i < $fileCount; $i++) {
        // File information
        echo "<p>File #" . ($i + 1) . ":";
        echo "<p>Name: " . $files["name"][$i] . "<br>";
        echo "Temporary file: " . $files["tmp_name"][$i] . "<br>";
        echo "Type: " . $files["type"][$i] . "<br>";
        echo "Size: " . $files["size"][$i] . "<br>";
        echo "Error: " . $files["error"][$i] . "<br>";
        echo "</p>";
    }
}
?>

By combining these techniques, developers can seamlessly enable the selection and upload of multiple files through a single file input control in web applications.

The above is the detailed content of How to Implement Multi-File Uploads Using HTML and PHP?. For more information, please follow other related articles on the PHP Chinese website!