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>