JavaScript | WebAPI | File | File.size Property
The file.name property is an inbuilt function of file WebAPI which gives the size of a file in bytes.
Syntax:
var size = instanceOfFile.size;
Return Value: It returns a number, containing the size of the file in bytes.
Example:
<!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 >w3wiki</ div > < div >file.size</ div > < input type = "file" multiple id = "file_input" onchange = "myBeginner(this)" > </ div > < script type = "text/javascript" > function myBeginner(fileInput) { // File input var fileInput = document.getElementById("file_input"); var files = fileInput.files; for (var 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
- Internet Explorer
- Safari
Reference: https://developer.mozilla.org/en-US/docs/Web/API/File/size
Contact Us