2012-02-28 16 views
11

मैं एक वेब आधारित एप्लिकेशन पर काम कर रहा हूं जिसका उपयोग संभावित रूप से अस्थिर इंटरनेट कनेक्शन वाले वातावरण में किया जाएगा। मैं इसे एक HTML5 ऑफ़लाइन एप्लिकेशन के रूप में कार्यान्वित कर रहा हूं जो HTML5 स्थानीय संग्रहण (वास्तव में jQuery प्लग-इन जेस्टोरेज) का उपयोग करेगा। यह डेटा-एंट्री संचालित ऐप है, इसलिए ऑफ़लाइन होने पर बनाई गई सभी नई प्रविष्टियां स्थानीय स्टोरेज में सहेजी जाती हैं और इंटरनेट कनेक्टिविटी फिर से स्थापित होने पर बाद में सर्वर के साथ सिंक्रनाइज़ की जाएगी। मुझे लगभग यह काम मिल गया लेकिन अब मुझे एक आवश्यकता का सामना करना पड़ रहा है जब उपयोगकर्ताओं को वास्तव में डेटा-एंट्री सबमिशन के साथ एक छवि अपलोड करने की आवश्यकता होगी।
मुझे यह HTML5 एपीआई स्पेक - http://www.w3.org/TR/file-upload/ मिला जो फ़ाइल अपलोड और ऑफ़लाइन पहुंच के बारे में बात करता है। इससे पहले कि मैं इसमें गहराई से जाऊं - क्या इस कार्यक्षमता के आसपास कोई रैपर है जो मेरे लिए इसे सरल बना देगा?
मुझे यह आलेख अभी भी मिला - http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/ जो सार्वजनिक रूप से उपलब्ध ट्विटपिक एपीआई का उपयोग करता है और मैं यहां लोगों से कुछ पेशेवर प्रतिक्रिया प्राप्त करना चाहता हूं।

धन्यवाद!एचटीएमएल 5 ऑफ़लाइन अनुप्रयोगों में फ़ाइल अपलोड

+0

मुझे पूरा यकीन नहीं है कि मैं आपको समझता हूं। आप किसी फ़ाइल को ऑफ़लाइन सर्वर पर अपलोड नहीं कर सकते हैं। अवधि। वह डेमो जिसे आप लिंक करते हैं, फाइल पर होल्डिंग और कनेक्शन की प्रतीक्षा करनी चाहिए, लेकिन ऑफ़लाइन होने के लिए कोई जादुई तरीका नहीं है। –

+3

@ रेमंड कैमेडन - यह वही है जो मैं ढूंढ रहा था - फ़ाइल को तब तक (या इसकी सामग्री) पकड़ें जब तक कि कनेक्शन फिर से उपलब्ध न हो जाए। मैं एक "कभी-कभी जुड़ा हुआ" ऐप लिख रहा हूं, जो हर समय होने वाले कनेक्शन पर निर्भर नहीं हो सकता है। यह एचटीएमएल 5 स्थानीय स्टोरेज में अनचाहे रिकॉर्ड 'कैश' करता है और कनेक्शन उपलब्ध होने पर उन्हें सर्वर से सिंक्रनाइज़ करता है। मैं बस सोच रहा था कि यह फाइलों के साथ कैसे पूरा किया जा सकता है। –

उत्तर

3

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

+1

अधिक जानकारी आसान होगी। [यह SO सवाल] (http://stackoverflow.com/questions/19183180/how-to-upload-an-image-save-it-to-localstorage-and-then-display-it-on-the-next) छवियों को शामिल करता है लेकिन इसे इस उत्तर में मोटे तौर पर वर्णित करने का एक अच्छा उदाहरण के रूप में कार्य करना चाहिए। –

+0

हाय @insiderpro ताकि आप स्थानीय स्टोरेज में छवियों को सहेज सकें और आप उन्हें बाद में सर्वर पर कैसे दबा सकते हैं? बेस 64 के रूप में? 10x – Bill

+1

@ बिल, हाँ, मैं उन्हें बेस 64 स्ट्रिंग के रूप में सर्वर पर धक्का देता हूं। –

1

मुझे नहीं लगता कि localStorage सही उत्तर होगा क्योंकि localStorage केवल तारों को बचाता है और इसमें 5 मेगाबाइट स्टोरेज सीमा है।

मेरा सुझाव है http://pouchdb.com

की तरह कुछ लेकिन अगर आप localStorage पर जोर देते हैं, फिर मोज़िला हैक्स localStorage में संग्रहीत छवियों के बारे में एक लेख है: http://hacks.mozilla.org/2012/02/storing-images-and-files-in-indexeddb/: http://hacks.mozilla.org/2012/02/saving-images-and-files-in-localstorage/

indexedDB फ़ाइलों को स्टोर करने के लिए एक बेहतर जगह हो सकती है

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