The File.name property is an inbuilt function of File WebAPI which gives the name of the file represented by a file object. The path of file is excluded from this property for security reasons.
Syntax:
var name = file.name;
Return Value: It returns a string, containing the name of the file without path.
Example:
<!DOCTYPE html> <html>     <head>         <title>             WebAPI File.name Property         </title>                   <style>             #main {                 padding: 10px;                 width: 300px;                 border: 1px solid green;                 text-align:center;                 font-size:22px;             }         </style>     </head>           <body>         <div id = "main">             <div>GeeksForGeeks</div>             <div>file.name</div>             <input type = "file" multiple onchange                 = "myGeeks(this)">         </div>                   <script type="text/javascript">                       function myGeeks(input_file) {                 var files = input_file.files;                                   for (var i = 0; i < files.length; i++) {                     alert("Name of file:" + files[i].name);                 }             }         </script>     </body> </html>                    |
Output:
Supported Browsers: The browser supported by WebAPI File.name property are listed below:
- Edge 12
- Google Chrome 13
- Firefox 3.6
- Opera 16
- Internet Explorer 10
- Safari
Reference: https://developer.mozilla.org/en-US/docs/Web/API/File/name
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
