HTML DOM DFN Object

JavaScript WebAPI File.size Property

Last Updated : 30 Sep, 2024

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

html

<!DOCTYPE html>
<html>

<head>
    <title>
        WebAPI File.name
    </title>

    <style>
        #main {
            padding: 10px;
            width: 300px;
            border: 1px solid black;
            text-align: center;
            font-size: 22px;
        }
    </style>
</head>

<body>
    <div id="main">

        <div>GeeksforGeeks</div>
        <div>file.size</div>

        <input type="file" multiple id="file_input" onchange="myGeeks(this)">
    </div>

    <script type="text/javascript">
        function myGeeks(fileInput) {

            // File input
            let fileInput = document.getElementById("file_input");

            let files = fileInput.files;

            for (let i = 0; i < files.length; i++) {
                alert(files[i].name + " has a size of "
                    + files[i].size + " Bytes");
            }
        }
    </script>
</body>

</html>

Output:

Supported Browsers:

The browser supported by WebAPI File.name property are listed below:

Edge
Google Chrome
Firefox
Opera
Safari

HTML DOM DFN Object

sarthak_ishu11

Improve

Article Tags :

Similar Reads

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

Map is a collection of elements where each element is stored as a Key, value pair. The Map.size property returns the number of key, and value pairs stored in a map. SyntaxmapName.sizeReturn ValueAn integer representing the number of key, value pairs stored in a map. The below examples illustrate the

JavaScript Set size Property

The Set.size property in JavaScript returns the number of elements in a Set. In other words, we can say that this property is used to get the current size of the set. If the Set is empty the size of the set will be returned as 0. Syntax:mySet.sizeReturn Type:Number of elements in the setExample 1: I

JavaScript File.name Property

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

ASP size Property

The ASP size property is used to return the size of the specified file or folder. It returns the value in terms of bytes. Syntax: For file Object:FileObject.Size For folder Object:FolderObject.Size Example-1: Below code returns the size of a file. C/C++ Code <% dim fs,f set fs=Server.CreateObject

HTML | DOM Input Text size Property

The Input Text size Property in HTML DOM is used to set or return the value of the size attribute of an Input Text Field. The size attribute is used to define the width of a text field. Its default value is 20. Syntax: It returns the Input Text size property.textObject.sizeIt is used to set the Inpu

JavaScript typedArray.BYTES_PER_ELEMENT Property

The typedArray.BYTES_PER_ELEMENT is an inbuilt property in JavaScript that is used to return the size in bytes of each element in a given typedArray. Syntax: typedArray.BYTES_PER_ELEMENT; Parameter: It does not accept any parameter because it is a property, not a function. Return value: It returns t

CSS tab-size Property

The tab-size property in CSS is used to specify the width of the tab character. The tab-size usually displays a single space character in an HTML document. Some elements like <textarea> and <pre> elements display the tab-size. Syntax: tab-size: number|length|initial|inherit;Property Valu

ASP TotalSize Property

The ASP TotalSize Property is used to return the total size of the specified drive on the system. It returns the values in bytes. Syntax: DriveObject.TotalSize Example: The below code demonstrates the ASP Drive.TotalSize Property. C/C++ Code <% dim fs,d set fs=Server.CreateObject("Scripting.

JavaScript arrayBuffer.byteLength Property

The Javascript arrayBuffer.byteLength is a property in JavaScript that gives the length of an arrayBuffer in bytes. Syntax: ArrayBuffer.byteLengthParameters: It does not accept any parameter because arrayBuffer.byteLength is a property, not a function. Return Value: It returns the length of an array