JavaScript WebAPI File File.type प्रॉपर्टी

JavaScript File WebAPI file.type प्रॉपर्टी फाइल के मीडिया टाइप (MIME टाइप) को दर्शाती है।

उदाहरण

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <title>File.type प्रॉपर्टी</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.type प्रॉपर्टी</h1> 
  <div class="result"></div> 
  <input type="file" class="fileInput" /> 
  <h3>ऊपर दिए गए इनपुट से फाइल अपलोड करके उसका फाइल टाइप जानें</h3> 
  <script> 
    let resultEle = document.querySelector(".result"); 
    document.querySelector(".fileInput").addEventListener("change", (event) => { 
      resultEle.innerHTML += "फाइल नाम = " + event.target.files[0].name + "<br>"; 
      resultEle.innerHTML += "फाइल टाइप = " + event.target.files[0].type; 
    }); 
  </script> 
</body> 
</html>

आउटपुट

"फाइल चुनें" बटन पर क्लिक करने पर:

MIME टाइप उदाहरण:

महत्वपूर्ण नोट्स:

• ब्राउज़र पर निर्भर - MIME टाइप ब्राउज़र द्वारा फाइल एक्सटेंशन/कंटेंट से निर्धारित होता है
• खाली स्ट्रिंग - अगर टाइप निर्धारित नहीं हो पाता तो खाली स्ट्रिंग लौटाता है
• केस-इनसेंसिटिव - तुलना करते समय लोअरकेस में बदलें
• सुरक्षा - केवल क्लाइंट-साइड वैलिडेशन के लिए उपयोग करें, सर्वर-साइड वैलिडेशन हमेशा करें

व्यावहारिक उपयोग - फाइल टाइप वैलिडेशन:

const allowedTypes = ['image/jpeg', 'image/png', 'image/gif'];
const file = event.target.files[0];

if (!allowedTypes.includes(file.type)) {
  alert('केवल JPG, PNG, GIF फाइल्स अनुमत हैं');
  return;
}

संबंधित प्रॉपर्टीज:

• file.name - फाइल नाम
• file.size - फाइल साइज बाइट्स में
• file.lastModified - अंतिम संशोधन टाइमस्टैम्प