HTML | defaultPrevented Event Property

JavaScript File.name Property

Last Updated : 30 Sep, 2024

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:

letname = file.name;

Return Value:

It returns a string, containing the name of the file without path.

Example: Below is the implementation of the JavaScript File.name Property.

html

<!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) {
            let files = input_file.files;

            for (let 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
Safari

HTML | defaultPrevented Event Property

sarthak_ishu11

Improve

Article Tags :

Similar Reads

JavaScript Error name Property

In JavaScript, the Error name property is used to set or return the name of an error. Syntax: errorObj.name Property values: This property contains six different values as described below: SyntaxError: It represents a syntax error.RangeError: It represents an error in the range.ReferenceError: It re

JavaScript Function name Property

The function name property of the javascript object is used to return the name of the function. This name property of the function is only readable and cannot be altered. The name of the function which was given when the function was created is returned by Function.name. Syntax: Function.name Proper

ASP Name Property

The ASP Name Property is used for returning and setting the name of a specified file or Folder. Syntax: For File Object:FileObject.Name[=newname]For Folder Object: FolderObject.Name[=newname] Parameter Values: newname: It is an optional attribute. It specifies the new name of the file or folder. Exa

JavaScript WebAPI File.size Property

The file.size property is an inbuilt function of file WebAPI which gives the size of a file in bytes. Syntax:let size = instanceOfFile.size;Return Value: It returns a number, containing the size of the file in bytes. Example: This example shows the implementation of the JavaScript WebAPI File.size P

JavaScript WebAPI File.type Property

The File.type property is an inbuilt function of File WebAPI which gives the media type (MIME) of the file represented by a file object. Syntax:let name = file.type;Return Value: It returns a string containing media type (MIME) indicating the type of the file. For example: "image/png" for PNG images

JavaScript Property Accessors Method

Property Accessors allow access with the property name or keys of an object (Reading, Creating, Updating). There are two notations in JavaScript that allows us to access object's properties: Dot NotationBracket Notation [ ] If the object does not find a matching key(or property name or method name),

JavaScript Error.prototype.fileName Property

The fileName is a non-standard property that contains the path of the file that raised this error. It is recommended to not use this property on production sites facing the web, as it may not work for every user. If called from the Firefox Developer Tools, "debugger eval code" is returned. This prop

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 Map name Property

The Map name property in HTML DOM is used to set or return the value of the name attribute of a map element. This attribute specifies the name of the mapping image. This attribute is associated with <img> usemap attribute. It creates a relationship between the <image> and <map> ele

HTML DOM Input Image name Property

The HTML DOM Input Image name Property is used for setting or returning the value of the name attribute of the Input Image. The name Attribute is used to reference the form-data after submitting the form or to reference the element in JavaScript. Syntax: To returns the name Property: imageObject.nam