Skip to content
Related Articles

Related Articles

HTML | DOM Input FileUpload value Property
  • Difficulty Level : Basic
  • Last Updated : 11 Oct, 2019

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”.




<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM Input FileUpload value
    </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
  • Mozilla Firefox
  • Edge 10.0
  • Opera
  • Apple Safari



My Personal Notes arrow_drop_up
Recommended Articles
Page :