HTML | DOM Input FileUpload value Property

HTML | DOM Input FileUpload value Property

Last Updated : 29 Aug, 2022

The Input FileUpload value Property is used to returns the path or the name of the file selected with the element. This property is used to return the name of the selected file with a fake path in IE, Google Chrome, and Opera, and return the name of the selected file in Firefox and Safari. This property is read-only, because of security reasons.

Syntax:

fileuploadObject.value

Example: Return the "path".

HTML

<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input FileUpload value Property
    </title>
    <style>
        h1 {
            color: green;
        }
    </style>
</head>
<body>
    <center>
        <h1>
              Geeks for Geeks
          </h1>
        <input type="file" 
               id="myFile" 
               required>
        <p id="demo"></p>
        <button onclick="myFunction()">
            Click
        </button>
        <script>
            function myFunction() {
                var x =
                    document.getElementById(
                        "myFile").value;

                document.getElementById(
                    "demo").innerHTML = x;
            }
        </script>
    </center>
</body>
</html>

Output:

Before Clicking the Button:

After Clicking the Button:

Supported Browsers:

Google Chrome 1+
Mozilla Firefox 1+
Edge 12+
Opera 11+
Apple Safari 1+

HTML | DOM Input FileUpload value Property

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML | DOM Input FileUpload type Property

The Input FileUpload type Property is used in HTML DOM to return the type of form element the file upload button is. This property will always return "file" for a file upload button. Syntax: fileuploadObject.type Return Value: It returns a string value that represents the type of form element the fi

HTML | DOM Input FileUpload required Property

The Input FileUpload required Property is used to set or return whether a file in the file upload field must be selected/uploaded before submitting a form. This property reflects the HTML required attribute. Syntax: Return the required property:fileuploadObject.requiredSet the required property:file

HTML | DOM Input FileUpload form Property

The Input FileUpload form property in HTML DOM is used to return a reference to the form containing the file upload button. This is a read-only property and returns a form object on success. Syntax: fileuploadObject.form Return Values: It returns a string value which specify the reference of the for

HTML | DOM Input FileUpload name Property

The name property is used to set or return the value of the name attribute of a file upload button. The name attribute is used to identify form data after the submission to the server. Syntax: Return the name property:fileuploadObject.nameSet the name property:fileuploadObject.name=name Property Val

HTML | DOM Input FileUpload accept Property

The DOM Input FileUpload accept Property in HTML DOM is used to set or return the value of the accept attribute of the file upload button. The accept attribute specifies the types of files which are acceptable by that the server. Syntax: Return the accept property:fileuploadObject.acceptSet the acce