Blob ऑब्जेक्ट एक अपरिवर्तनीय (immutable) ऑब्जेक्ट को दर्शाता है जिसका उपयोग कच्चे डेटा (raw data) को प्रस्तुत करने के लिए किया जाता है। Blob में size और mime type प्रॉपर्टी होती हैं, ठीक वैसे ही जैसे किसी फाइल में होती हैं। File, Blob से व्युत्पन्न (derived) है और Blob का उपयोग उन स्थानों पर किया जा सकता है जहां फाइल का उपयोग होता है।
JavaScript में Blob ऑब्जेक्ट को दर्शाने वाला निम्नलिखित कोड है:
उदाहरण
<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Blob Object Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>JavaScript में Blob ऑब्जेक्ट</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>ऊपर दिए गए बटन पर क्लिक करके Blob ऑब्जेक्ट बनाएं और प्रदर्शित करें</h3> <script> let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { let blob = new Blob(["यह एक नमूना ब्लॉब है"], { type: "text/plain" }); resEle.innerHTML = "blob.type = " + blob.type + "<br>"; resEle.innerHTML += "blob.size = " + blob.size; }); </script> </body> </html>आउटपुट
उपरोक्त कोड निम्नलिखित आउटपुट देगा:
'यहाँ क्लिक करें' बटन पर क्लिक करने पर:
