"फ़ाइल चुनें" बटन के बजाय छवि के रूप में प्रदर्शित करें">
 Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML5 <इनपुट प्रकार ="फ़ाइल" स्वीकार ="छवि / *" कैप्चर ="कैमरा"> "फ़ाइल चुनें" बटन के बजाय छवि के रूप में प्रदर्शित करें


उपयोगकर्ताओं को एक छवि चुनने की अनुमति देने के लिए JavaScript FileReader का उपयोग करें।

आइए एक उदाहरण देखते हैं -

HTML5  इनपुट प्रकार = फ़ाइल  स्वीकार = छवि / *  कैप्चर = कैमरा    फ़ाइल चुनें  बटन के बजाय छवि के रूप में प्रदर्शित करें

यहाँ जे एस है -

फ़ंक्शन readURL(इनपुट) { अगर (input.files &&input.files[0]) { var r =new FileReader (); r.onload =फ़ंक्शन (ev) {$('#myid).attr('src', ev.target.result); } पाठक.readAsDataURL(input.files[0]); }}  
  1. फ़ाइल अपलोड बटन की CSS स्टाइलिंग ::फ़ाइल-चयनकर्ता-बटन चयनकर्ता के साथ

    हम सीएसएस छद्म तत्व ::फ़ाइल-चयनकर्ता-बटन का उपयोग करके फ़ाइल अपलोड बटन को स्टाइल कर सकते हैं। हालांकि, इस छद्म तत्व का पूर्ण समर्थन Firefox और Firefox Android तक ही सीमित है। ::- webkit-file-upload-button का उपयोग सफारी, क्रोम और ओपेरा को सपोर्ट करने के लिए किया जाता है। सिंटैक्स CSS फ़ाइल-चयनकर्त

  1. मैं एचटीएमएल 5 में एसवीजी सर्कल के अंदर एक छवि कैसे प्रदर्शित कर सकता हूं?

    एसवीजी सर्कल के अंदर एक छवि प्रदर्शित करने के लिए, तत्व का उपयोग करें और क्लिपिंग पथ सेट करें। क्लिपिंग पथ को परिभाषित करने के लिए तत्व का उपयोग किया जाता है। SVG में इमेज एलीमेंट का उपयोग करके सेट की जाती है। उदाहरण आप HTML5 में SVG सर्कल के अंदर एक छवि प्रदर्शित करने का तरीका जानने के लिए निम

  1. एकाधिक इनपुट पर अधिकतम आइटम कैसे सीमित करें (<इनपुट प्रकार ="फ़ाइल" एकाधिक />)?

    HTML रूपों में एकाधिक फ़ाइल अपलोड की अनुमति देने के लिए, एकाधिक विशेषताओं का उपयोग करें। एकाधिक विशेषताएँ ईमेल और फ़ाइल इनपुट प्रकारों के साथ काम करती हैं। एकाधिक इनपुट पर अधिकतम आइटम सीमित करने के लिए, जावास्क्रिप्ट का उपयोग करें। इसके माध्यम से अपलोड की जाने वाली फाइलों की संख्या को सीमित करे