Home >>Javascript Programs >How to Get the size of a file with JavaScript
How to Get the size of a file with JavaScript
Get the size of a file with JavaScript
JavaScript can help you out easily to put restrictions on the file size. Sometimes user uploads big file to server, to avoid overloading your server with big files, you can easily write a JavaScript code to print the size of the file. So, in this article, we will learn how to code to get the size of a file with JavaScript.
Let's take an example:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript back demo</title>
</head>
<body>
<p>
<input type="file"
id="file"
onchange="Filevalid()" />
</p>
<p id="size"></p>
</body>
<script>
Filevalid = () => {
const fi = document.getElementById('file');
// Check if any file is selected.
if (fi.files.length > 0) {
for (const i = 0; i <= fi.files.length - 1; i++) {
const fsize = fi.files.item(i).size;
const file = Math.round((fsize / 1024));
// The size of the file.
if (file >= 4096) {
alert(
"File too Big, please select a file less than 4mb");
} else if (file < 2048) {
alert(
"File too small, please select a file greater than 2mb");
} else {
document.getElementById('size').innerHTML = '<b>'
+ file + '</b> KB';
}
}
}
}
</script>
</body>
</html>
Output:
Javascript Programs
JavaScript code to check number is Perfect or not
JavaScript code to check number is Armstrong or not
JavaScript code to check whether a Number is Prime or Not
JavaScript code to find largest of three numbers
Check number is palindrome or not in JavaScript
How to build a calculator using JavaScript
Disable right click on webpage with JavaScript
Print a fibonacci series in JavaScript
How to copy text to clipboard with JavaScript
How to Get browser details through JavaScript
Create a forward and back buttons in JavaScript
How to Get the size of a file with JavaScript
How to find absolute value of a number in JavaScript
Create functions with default arguments in JavaScript
Find the larger of two numbers in JavaScript
Count occurrence of a particular character in a string in JavaScript
Get current date, month and year in JavaScript
How to parse number from string in JavaScript
Reverse an array in JavaScript
Dynamically add CSS class with JavaScript
How to get the extension of a file using JavaScript
Generate random number within a range in JavaScript
Display Input Text into Lowercase using JavaScript
Check/Uncheck all Checkboxes on Button Click using JavaScript
Convert a number into different base in JavaScript
Print value of all checked (selected) Checkboxes on Button click using JavaScript
No Sidebar ads