Open In App

HTML DOM Input FileUpload multiple Property

Improve
Improve
Like Article
Like
Save
Share
Report

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+


Last Updated : 15 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads