क्रैश कोर्स 101
10 मॉड्यूल
5 सप्ताह

फाइलपिकर

कॉपी करने के लिए क्लिक करें

वेब-अनुप्रयोगों में फाइलपिकर घटक


नए मॉड्यूल में, हम व्यावसायिक प्रक्रियाओं की संभावनाओं का पता लगाना जारी रखेंगे। हम ऐसी स्थितियों का पता लगाएंगे जो साधारण गणितीय संक्रियाओं की तुलना में अधिक जटिल हैं। हम तुलना के संचालन, शाखाओं में बंटी और चक्रों के संचालन का अध्ययन करेंगे। और साथ ही, हम यह पता लगाएंगे कि फाइलों के साथ कैसे काम किया जाए और उनकी सामग्री का विश्लेषण कैसे किया जाए।

ऐसा करने के लिए, कल्पना कीजिए कि हमारा कार्य अपने स्वयं के सामाजिक नेटवर्क को विकसित करना है। बेशक, सभी एक बार में नहीं, उपयोगकर्ता प्रोफ़ाइल डिज़ाइन पर्याप्त होगा।

समग्र डिज़ाइन

आइए समग्र डिजाइन के साथ शुरू करें। हमें पृष्ठ को डिज़ाइन करने और आवश्यक तत्वों को जोड़ने की आवश्यकता है। इसी तरह की समस्या पहले से ही छठे मॉड्यूल पर काम के दौरान हल हो गई थी, इसलिए हम सभी चरणों को फिर से नहीं समझाएंगे। इसे व्यवहार में ज्ञान को समेकित करने का एक और अवसर होने दें।

कल्पना कीजिए कि कोई उपयोगकर्ता अपनी प्रोफ़ाइल में एक अवतार जोड़ सकता है, एक लॉगिन निर्दिष्ट कर सकता है, और जीवनी संबंधी जानकारी भी भर सकता है। लेकिन एक शर्त है - उन्हें सीधे दर्ज नहीं किया जा सकता है (सभी इनपुट फ़ील्ड में Disabled = true पैरामीटर है); उन्हें फाइलों से लोड किया जाना चाहिए।

फाइलपिकर

Filepicker ब्लॉक का इस्तेमाल AppMaster में फाइलों के साथ काम करने के लिए किया जा सकता है। यह ज्यादातर स्थितियों में बहुत अच्छा है और आपको विभिन्न सेटिंग्स निर्दिष्ट करने और रूप चुनने की अनुमति देता है। लेकिन इसका उपयोग करने का तथ्य उस डिज़ाइन के लिए उपयुक्त नहीं हो सकता है जिसे आप लागू करने की योजना बना रहे हैं। इसलिए, हमारे उदाहरण में, हम एक अलग विधि का उपयोग करेंगे और Filepicker के बिना और बिना किसी स्पष्ट बटन के भी फाइल अपलोड करने की क्षमता बनाएंगे।

ऐसा करने के लिए हम मुख्य कंटेनर में Container onClick ट्रिगर का उपयोग करेंगे। कंटेनर या उसके तत्व पर कोई भी क्लिक इस व्यवसाय प्रक्रिया को शुरू कर देगा। और हमें फाइलों को चुनकर शुरुआत करनी चाहिए। ऐसा करने के लिए, हम Select Files ब्लॉक का उपयोग करेंगे। इसकी ख़ासियत यह है कि इस ब्लॉक को इसके निष्पादन के लिए उपयोगकर्ता की भागीदारी की आवश्यकता होती है। उपयोगकर्ता द्वारा फ़ाइलों का चयन करने के बाद ही प्रक्रिया आगे बढ़ेगी। एकाधिक फ़ाइलों का चयन करने में सक्षम होने के लिए पैरामीटर Max files = 99 सेट करें।

योजना उपयोगकर्ता के लिए एक साथ दो फाइलें जमा करने की है। पहला अवतार के रूप में सेट करने के लिए एक छवि है। दूसरा एक Excel (xlsx) फ़ाइल है जिसमें शेष डेटा है।

Was this article helpful?
अभी भी उत्तर की तलाश है?