জাভাস্ক্রিপ্ট WebAPI File file.size প্রপার্টি

জাভাস্ক্রিপ্ট File WebAPI file.size প্রপার্টি ফাইলটির সাইজ বাইটে রিটার্ন করে।

উদাহরণ

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <title>Document</title> 
  <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
    .result { font-size: 18px; font-weight: 500; color: red; }
  </style> 
</head> 
<body> 
  <h1>JavaScript file.size property</h1> 
  <div class="result"></div> 
  <input type="file" class="fileInput" /> 
  <h3> Upload a file using the above input type to get its file size </h3> 
  <script> 
    let resultEle = document.querySelector(".result");
    document.querySelector(".fileInput")
      .addEventListener("change", (event) => {
        resultEle.innerHTML += "File name = " + event.target.files[0].name + "<br>";
        resultEle.innerHTML += "File size = " + event.target.files[0].size + ' bytes ';
      });
  </script> 
</body> </html>

আউটপুট

ফাইল সিলেক্ট করার পর ফাইল নাম এবং সাইজ (বাইটে) দেখাবে।

ব্যাখ্যা

• event.target.files হলো একটি FileList অবজেক্ট
• files[0] প্রথম সিলেক্ট করা File অবজেক্ট
• File অবজেক্টের প্রপার্টি: name, size (বাইটে), type (MIME), lastModified
• size রিড-অনলি প্রপার্টি, ফাইল আপলোডের আগে ক্লায়েন্ট-সাইড ভ্যালিডেশনে ব্যবহার করা হয় (যেমন: ম্যাক্স ফাইল সাইজ চেক)

ব্যবহারিক উদাহরণ: ফাইল সাইজ ফরম্যাট করা

function formatBytes(bytes, decimals = 2) {
  if (bytes === 0) return '0 Bytes';
  const k = 1024;
  const dm = decimals < 0 ? 0 : decimals;
  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
  const i = Math.floor(Math.log(bytes) / Math.log(k));
  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
}

console.log(formatBytes(1024));        // "1 KB"
console.log(formatBytes(1048576));     // "1 MB"
console.log(formatBytes(file.size));   // ফাইল সাইজ হিউম্যান-রিডেবল ফরম্যাটে