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

HTML5 और JavaScript: <input type=file capture=camera> का रिज़ॉल्यूशन या आकार


जब डिवाइस बहुत बड़ी तस्वीरें ले रहा हो और हम ऐसी सेटिंग बनाना चाहते हैं ताकि मोबाइल फोन से छोटी तस्वीरें ली जाएं, तो हम तस्वीरें लेने के W3C के दो तरीकों का उपयोग कर सकते हैं।

यह HTML के माध्यम से या JavaScript के माध्यम से किया जा सकता है।

HTML मीडिया कैप्चर

इसके लिए, HTML इनपुट टैग पर capture और accept="image/*" का उपयोग करता है। यह इरादा निर्दिष्ट करेगा।

हालांकि, इस तरीके से हम आकार निर्दिष्ट नहीं कर सकते।

मीडिया कैप्चर स्ट्रीम्स

यह कैमरे तक पूरी तरह से प्रोग्रामेटिक एक्सेस की अनुमति देता है ताकि उपयोगकर्ता वीडियो और स्टिल इमेज के लिए अपना कैप्चर डायलॉग लागू कर सके।

यह चौड़ाई, ऊंचाई, फ्रेम रेट, फेसिंग रेट, फेसिंग मोड आदि से संबंधित प्रतिबंधों को भी निर्दिष्ट करता है।

इस स्ट्रीम के लिए ग्लोबल ब्राउज़र सपोर्ट 50% है और यह क्लोज्ड वातावरण में उपयोग योग्य है।


  1. JavaScript में फॉर्म सबमिट पर इनपुट मान कैसे बदलें? JavaScript में फॉर्म सबमिट पर इनपुट मान कैसे बदलें?

    onsubmit इवेंट हैंडलर में document.formName.inputName.value या event.target.elements.name.value से इनपुट मान बदलें। बुनियादी उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>फॉर्म सबमिट पर मान बदलें</title> </head> <body&g

  1. JavaScript में कैसे जांचें कि इनपुट संख्या है या अक्षर? JavaScript में कैसे जांचें कि इनपुट संख्या है या अक्षर?

    isNaN() फंक्शन से जांचें कि मान संख्या नहीं है (Not-a-Number)। ध्यान: isNaN() false लौटाता है (खाली स्ट्रिंग 0 बन जाती है)। बुनियादी isNaN() उपयोग console.log(isNaN(123)); // false (संख्या है) console.log(isNaN(123)); // false (स्ट्रिंग लेकिन संख्या में बदल जाती है) console.log(isNaN(abc)

  1. JavaScript में टेक्स्टएरिया इनपुट में JSON डेटा को प्रीटिफाई कैसे करें? JavaScript में टेक्स्टएरिया इनपुट में JSON डेटा को प्रीटिफाई कैसे करें?

    उदाहरण JSON.parse() और JSON.stringify() का उपयोग करके अनफॉर्मेटेड JSON को प्रीटिफाई करें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </head>