2010-04-29 12 views
16

क्या कुछ क्लाइंट घटक (jquery/swf) है जो को अपलोड करने और फसल के लिए क्षेत्र का चयन करने में सक्षम होना चाहिए) (छवि को फसल के लिए क्षेत्र का चयन करने में सक्षम होना चाहिए) ब्राउज़र और फिर फसल छवि को सर्वर पर भेजें?सर्वर पर भेजने से पहले इसे अपलोड और फसल छवि

मैं asp.net-MVC (यकीन नहीं अगर यह मायने रखती है)

उत्तर

18

jcrop

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

+3

मैं इसे दूसरा कर दूंगा। एमवीसी में इसका उपयोग कर एक ट्यूटोरियल के लिए http://towardsnext.wordpress.com/2009/04/13/crop-image-in-aspnet-using-jcrop-jquery/ देखें। –

+5

हाँ jcrop फसल के लिए अच्छा है, लेकिन आपको इसे फसल करने से पहले पूरी छवि अपलोड करनी है, मुझे यह जानना है कि क्या ऐसा कुछ है जो क्लाइंट पर इसे भेजने से पहले क्लाइंट पर छवि को फसल करेगा – Omu

+0

क्लाइंट पक्ष को फसल करने की आवश्यकता होगी फ्लैश या सिल्वरलाइट की तरह प्लगइन की तरह (आप इसे जावास्क्रिप्ट के माध्यम से नहीं कर सकते हैं)। –

9

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

जवाब here एक Jcrop विस्तार जो ब्राउज़र और अपलोड में छवि फसलों सर्वर से छवि क्रॉप परिचय देता है। "यह छवियों को फसल करने के लिए जेक्रॉप प्लगइन का उपयोग करता है, एचटीएमएल 5 कैनवास तत्व में फसल वाले क्षेत्र को खींचता है, कैनवास को ब्लॉब में परिवर्तित करता है और छवि फ़ाइल को AJAX द्वारा सर्वर पर अपलोड करता है"।

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

+0

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

4

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

क्रॉपिंग यूआई आम है, लेकिन अपलोडर को ढूंढना मुश्किल है। मैं क्रॉपिंग यूआई ImgAreaSelect की सिफारिश करता हूं जो उपयोग में आसान है और यह Uploader जो सरल और एक्स्टेंसिबल है लेकिन यह मुफ़्त नहीं है।

संबंधित मुद्दे