IIS - मक्खी पर चित्रों का आकार बदलें

लगभग हर वेब परियोजना में, हमें विभिन्न आकारों में विभिन्न छवियों को प्रदर्शित करने के कार्य का सामना करना पड़ता है। यह सरल है - छवि को संदर्भ द्वारा आवश्यक आकार में प्रदर्शित किया जाना चाहिए। यदि आप अलग-अलग विचारों के साथ एक कैटलॉग विकसित कर रहे हैं, तो ऐसे कई संदर्भ हो सकते हैं। और यह संभव है कि आपको ब्राउज़र विंडो के आकार के संबंध में छवि का आकार अनुकूल बनाने की आवश्यकता है (उदाहरण के लिए, पिकासा वेब एल्बम ऐसा करते हैं)।

मैं एक बार और सभी के लिए इस समस्या को हल करने के तरीके के बारे में बात करूंगा।

हम क्या चाहते हैं?

सरलतम स्थिति में, हम इस रूप में छवियों के URL का उपयोग करना चाहते हैं:

< img src = ” / img / photo.jpg@100x100” / >

यह एक 100 x 100 छवि प्रदर्शित करना चाहिए।

कार्यान्वयन

इस समस्या को हल करने का सबसे सीधा तरीका ASP.NET के लिए एक मॉड्यूल है, जो मक्खी पर छवि को आकार देगा और परिणाम को कैश करेगा। मैं तुरंत ध्यान देना चाहूंगा कि स्वाभाविक रूप से मैं इस समस्या में शामिल होने वाला पहला व्यक्ति नहीं हूं। लेकिन मेरे विचार में जो समाधान प्रस्तावित करता है, उसका उपयोग करना, समझना और संशोधित करना आसान है।

कोड

तो, सब कुछ काम करने के लिए, हमें मॉड्यूल वर्ग की आवश्यकता है और Web.config में एक पंक्ति।

हालांकि मॉड्यूल छोटा है, यहां एक कोड चोरी करना बहुत मायने नहीं रखता है।
इसलिए, मैंने कोड के साथ एक जिस्ट बनाया। इस कोड को अपने प्रोजेक्ट में कॉपी करें (उदाहरण के लिए, App_Code )।

अब आपके Web.config में छोटी सेटिंग्स। निम्न मोड को <modules> या <httpModules> (बाद वाला यदि आप ASP.NET डिवोपमेंट सर्वर का उपयोग कर रहे हैं):

< name = "ImageResizeModule" टाइप करें = "GarageTools.ImageResizeModule" />

सब कुछ तैयार है।

उपयोग

जैसा कि आप अनुमान लगा सकते हैं, आप छवि पते के अंत में केवल @ चौड़ाई x ऊँचाई जोड़कर अपनी साइट पर किसी भी आकार के वांछित आकार को बदल सकते हैं।

लेकिन कुछ अन्य संशोधक हैं जो विभिन्न स्थितियों में मदद करेंगे। आप निम्न संशोधक अक्षरों को URL के अंत में जोड़ सकते हैं:

• s - मॉड्यूल चित्र को बड़ा नहीं करेगा यदि यह आवश्यक आकार से छोटा है।
• सी - मॉड्यूल यह सुनिश्चित करेगा कि परिणामी छवि का आकार कड़ाई से आवश्यक आकार है - यदि आवश्यक हो, तो यह क्षैतिज या लंबवत रूप से सफेद फ़ील्ड जोड़ देगा।
• p - मॉड्यूल JPEG के बजाय PNG लौटाएगा।

उदाहरण के लिए, इस तरह: /img/aspnet.png@150x100sc.

ठीक ट्यूनिंग और संशोधन

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

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

अच्छा उपयोग किया है।