Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट वेबएपीआई फ़ाइल File.size संपत्ति

<घंटा/>

JavaScript फ़ाइल WebAPI 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>

आउटपुट

जावास्क्रिप्ट वेबएपीआई फ़ाइल File.size संपत्ति

'फाइल चुनें' बटन पर क्लिक करने और फाइल चुनने पर -

जावास्क्रिप्ट वेबएपीआई फ़ाइल File.size संपत्ति


  1. जावास्क्रिप्ट स्रोत संपत्ति

    जावास्क्रिप्ट स्रोत गुण रेगेक्सपी पाठ लौटाता है जिसके विरुद्ध किसी दिए गए पैटर्न का मिलान किया जाना है। स्रोत संपत्ति के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" con

  1. जावास्क्रिप्ट वेबएपीआई फ़ाइल File.name संपत्ति

    JavaScript फ़ाइल WebAPI file.name गुण पथ के बिना केवल फ़ाइल का नाम देता है। File WebApi File.name प्रॉपर्टी के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="

  1. अपलोड करते समय जावास्क्रिप्ट में फ़ाइल का आकार मान्य करना

    अपलोड करते समय जावास्क्रिप्ट में फ़ाइल आकार को मान्य करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />