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
    • 1
    • 0
    • 0
    • 0
    • 684
    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:-

    <html>
        <head>
            <title>Multiple Upload</title>
        </head>
        <body>
    
            <!-- 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">
            </form>
            <?php
            // 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/>";
                      }?>
                       
                        <?php
                    }
                }
            ?>
        </body>
    </html>
    

     

    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.

     

     

     

     

 1 Comment(s)

  • You like to write the complete procedure to upload multiple files to drive using HTML form. It's easy for the developers to follow this way and make the whole task easy and in short time. This one is looking a shortcut but its effective. Actually, I try to get evolutionwriters.com legit but its your good effort to share this article.
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
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: