Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • How to Upload Multiple Files to Drive Using HTML Form

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 1.80k
    Comment on it

    Input tag has many type for the values.

    for e.g input type "button" defines the input like button.

    In the same way input type "file" defines a box to upload a file to drive.

    <input type="file" name="upload">

    The above code will display a browse button by which user can select a file to upload.
    After selecting the file, the file name will appear near the browse button.
    But in this we can only select 1 file to upload.

    Now the question arises that can we upload multiple files to the drive.

    Below is the code to select multiple files to upload:-

    <input type="file" id="file" multiple/>

    When multiple is specified in the input, it means user can upload more than one file.


    Below is the code to save the uploaded file in a particular folder:-

            <title>Multiple Upload</title>
            <!-- the enctype value multipart/form-data is used when uploading file -->
            <form method="post" enctype="multipart/form-data"> 
                <input type="file" name="my_file[]" multiple> 
                <input type="submit" value="Upload">
            // it will check if the file is selected and count the number of files
                if (isset($_FILES['my_file'])) {
                    $myFile = $_FILES['my_file'];
                    $fileCount = count($myFile["name"]);
                     // this loop will run equal to the file count and save the uploaded file in uploads folder
                     for ($i = 0; $i < $fileCount; $i++) {
                         if (move_uploaded_file($myFile["tmp_name"][$i] , 'uploads/'.time().$myFile["name"][$i])) {
                       echo "The file ". basename($myFile["name"][$i] ). " has been uploaded.<BR/>";


    After running this code, below screen will be open:-



    After clicking on the browse button,this window will be opened:-


    We can selected multiple files from the folder.


    After clicking on the upload button a message will be displayed with file name.



    And if we check the "uploads" folder, the selected files will saved there.





 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: