Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to allow multiple file uploads in HTML forms.
In this article, we will learn how to allow multiple files uploads in HTML forms.
We use the multiple attributes, to allow multiple file uploads in HTML forms. The multiple attributes work with email and file input types.
If you want to allow a user to upload the file to your website, you need to use a file upload box, also known as a file, select box. This is created using the <input> element and the type of attribute is set to file.
Syntax
Following is the syntax for selecting multiple file uploads in the HTML form.
<input type="file" name="name" multiple>
Example (Using multiple attribute)
Following is the example program for selecting multiple file uploads in the HTML forms.
<!DOCTYPE html> <html> <head> <title>Upload multiple files</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <input type="file" name="name" multiple><br><br> <br> <input type="submit" value="Submit"> </form> </body> </html>
Following is the output for the above example program, where no file is chosen in the input field.
We have chosen only one file in the input field. Below is the output shows the file, we have chosen.
We can also choose as many files as we want. Below output shows that the number of files we have chosen.
Using ‘multiple’ Attribute with Values of Multiple Files
The below syntax work same as the above-mentioned syntax. We assign ‘multiple’ attribute with the value of multiple for selecting multiple files in the input field.
Syntax
Following is the syntax for selecting multiple files uploads in the HTML forms.
<input type="file" name="name" multiple=>
Example
Following is the example program for selecting multiple files uploads in the HTML forms.
<!DOCTYPE html> <html> <head> <title>Upload multiple files</title> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <form> <input type="file" name="name" multiple="multiple"><br><br> <br> <input type="submit" value="Submit"> </form> </body> </html>
As we see in the output that we have selected four files for upload.
17K+ Views
