बूटस्ट्रैप 4 कस्टम फ़ाइल इनपुट के लिए एक छोटा प्लगइन

समस्याओं को खत्म करने के लिए हमारे साधन का प्रयास करें

बूटस्ट्रैप 4 कस्टम फ़ाइल इनपुट के लिए एक छोटा प्लगइन

एक छोटा प्लगइन जो बिना किसी निर्भरता के बूटस्ट्रैप 4 कस्टम फ़ाइल इनपुट को गतिशील बनाता है। बीएस-कस्टम-फ़ाइल-इनपुट

आप इसे इस्तेमाल कर सकते हैं प्रतिक्रिया तथा कोणीय इसलिए भी कि यह प्लगइन सबसे अधिक इस्तेमाल किए जाने वाले जावास्क्रिप्ट ढांचे के साथ लिखा गया है: वेनिलाजेएस .

विशेषताएं:



  • बूटस्ट्रैप 4 के साथ काम करता है
  • बिना काम करता है निर्भरता और jQuery
  • फ़ाइल का नाम प्रदर्शित करें
  • |_+_| . के लिए फ़ाइल नाम प्रदर्शित करें इनपुट
  • अपने कस्टम फ़ाइल इनपुट को उसकी प्रारंभिक स्थिति में रीसेट करें
  • हैंडल फॉर्म रीसेट
  • इनपुट और फॉर्म के लिए कस्टम चयनकर्ताओं को अनुमति दें
  • फ़ाइलों को खींचने और छोड़ने की अनुमति दें
  • आपको |_+_| . में एक बच्चे के साथ डिफ़ॉल्ट प्रदर्शन बदलने की अनुमति देता है तत्त्व
  • यूएमडी में निर्मित हर जगह इस्तेमाल किया जा सकता है
  • छोटा, केवल 2kb और कम अगर आप इसे gzip करते हैं

इंस्टॉल

एनपीएम . के साथ

multiple

सीडीएन

सीडीएन संपर्क
jsDelivr
jsDelivr, छोटा किया हुआ npm install bs-custom-file-input --save

इसे कैसे उपयोग करे

आपको दस्तावेज़ तैयार घटना की प्रतीक्षा करनी चाहिए और |_+_| . पर कॉल करना चाहिए अपने कस्टम फ़ाइल इनपुट को गतिशील बनाने की विधि। हम हर जगह उपलब्ध एक वैश्विक चर को उजागर करते हैं: |_+_|

https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js

इसे एनपीएम . के साथ प्रयोग करें

https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js

अधिक उदाहरणों के लिए देखें यह फ़ाइल .

यह पुस्तकालय यूएमडी तैयार है इसलिए आप इसे हर जगह उपयोग कर सकते हैं।

तरीकों

इस में

आपका बूटस्ट्रैप कस्टम फ़ाइल इनपुट ढूँढता है और उन्हें गतिशील बना देगा।

मापदंडों

  • init

    • डिफ़ॉल्ट मान: |_+_|
    • टाइप करें: |_+_|

    आप एक कस्टम इनपुट चयनकर्ता पास कर सकते हैं, लेकिन एक पास करना सुनिश्चित करें फ़ाइल इनपुट चयनकर्ता

  • bsCustomFileInput

    • डिफ़ॉल्ट मान: |_+_|
    • टाइप करें: |_+_|

    आपको एक कस्टम फॉर्म चयनकर्ता पास करने की अनुमति देता है, लेकिन एक पास करना सुनिश्चित करें प्रपत्र चयनकर्ता

नष्ट करना

इस प्लगइन को आपके बूटस्ट्रैप कस्टम फ़ाइल इनपुट से हटाता है और उन्हें उनकी पहली प्रारंभिक अवस्था में पुनर्स्थापित करता है

अनुकूलता

bsCustomFileInput इसके साथ संगत है:

  • आईई10 +
  • किनारा
  • फ़ायर्फ़ॉक्स
  • क्रोम
  • सफारी
  • क्रोम एंड्रॉइड
  • सफारी आईओएस

आप हमारे ब्राउज़रस्टैक ब्राउज़रों की सूची पा सकते हैं यहां .

मुझे समर्थन दें

यदि आप मुझे धन्यवाद देना चाहते हैं, तो आप मेरा समर्थन कर सकते हैं और मेरे बन सकते हैं मालिक

धन्यवाद

करने के लिए धन्यवाद ब्राउज़रस्टैक बुनियादी ढाँचा प्रदान करने के लिए जो हमें वास्तविक ब्राउज़रों में परीक्षण करने की अनुमति देता है!

विवरण डाउनलोड करें:

लेखक: जोहान-सो

लाइव डेमो: https://bs-custom-file-input.netlify.com/

गिटहब: https://github.com/Johann-S/bs-custom-file-input

#reactjs #जावास्क्रिप्ट

यह सभी देखें:

नई वस्तुएं

सबसे पठनीय

संपादक की पसंद