কম্পিউটার

আপলোড করার সময় জাভাস্ক্রিপ্টে একটি ফাইলের আকার যাচাই করা


আপলোড করার সময় জাভাস্ক্রিপ্টে ফাইলের আকার যাচাই করার জন্য কোডটি নিচে দেওয়া হল −

উদাহরণ

<!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: blueviolet;
   }
</style>
</head>
<body>
<h1>Validating a file size while uploading</h1>
<input type="file" class="file" onchange="validateFile()" />
<div class="result"></div>
<h3>Upload a file using the above file input type</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   let fileEle = document.querySelector(".file");
   function validateFile() {
      if (fileEle.files.length) {
         let fileSize = Math.round(fileEle.files[0].size / 1024);
         if (fileSize > 4096) {
            resEle.innerHTML = "File cant be uploaded too big";
         } else {
            resEle.innerHTML = "File can be uploaded. File size = " + fileSize+’ bytes’;
         }
      }
   }
</script>
</body>
</html>

আউটপুট

আপলোড করার সময় জাভাস্ক্রিপ্টে একটি ফাইলের আকার যাচাই করা

'ফাইল চয়ন করুন' বোতামে ক্লিক করে এবং একটি ফাইল নির্বাচন করার পরে -

আপলোড করার সময় জাভাস্ক্রিপ্টে একটি ফাইলের আকার যাচাই করা



  1. JavaScript WebAPI ফাইল File.size প্রপার্টি

  2. JavaScript WebAPI ফাইল File.name সম্পত্তি

  3. জাভাস্ক্রিপ্টে ফাইল এবং ফাইলরিডার?

  4. কিভাবে HTML ফাইলে জাভাস্ক্রিপ্ট এম্বেড করবেন?