HTML DOM Input FileUpload multiple Property
Last Updated :
15 Jun, 2023
The Input FileUpload multiple Property in HTML DOM is used to set or return one or multiple files selected with the file upload button. It contains a Boolean value which is true when the user is allowed to select more than one file. This property is used to reflect the HTML multiple attributes.
Syntax:
- It returns the Input FileUpload multiple properties.
fileuploadObject.multiple
- It is used to set the Input FileUpload multiple properties.
fileuploadObject.multiple = true|false
Property Values:
- true: It allows you to select more than one file with the file upload Button.
- False: It is the default value. It does not allow to a selection of more than one file with the FileUpload Button.
Return Value: It returns a Boolean value that specifies whether the user is allowed to select multiple files or not with the File UpLoad Button.
Example 1: In this example, we will use the Input FileUpload multiple Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Input FileUpload multiple Property
</ title >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >
HTML DOM Input FileUpload multiple Property
</ h2 >
< input type = "file" id = "geeks" multiple>
< br >< br >
< button onclick = "myFunction()" >
Click
</ button >
< p id = "GFG" style = "Font-size:20px;" ></ p >
< script >
function myFunction() {
let x = document.getElementById("geeks").multiple;
document.getElementById("GFG").innerHTML = x;
}
</ script >
</ body >
</ html >
|
Output:
Example 2: In this example, we will see the use of Input FileUpload multiple Property.
HTML
<!DOCTYPE html>
< html >
< head >
< title >
HTML DOM Input FileUpload multiple Property
</ title >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >
HTML DOM Input FileUpload multiple Property
</ h2 >
< input type = "file" id = "geeks" multiple>
< br >< br >
< button onclick = "myFunction()" >
Click
</ button >
< p id = "GFG" style = "Font-size:20px;" ></ p >
< script >
function myFunction() {
let x = document.getElementById("geeks").multiple
= "false";
document.getElementById("GFG").innerHTML
= "The value of the multiple attribute"
+ " was changed to " + x;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browsers supported by HTML DOM Input FileUpload multiple Property are listed below:
- Google Chrome 1+
- Edge 12+
- Firefox 1+
- Safari 1+
- Opera 11+
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...