मैं एक वेब आधारित एप्लिकेशन पर काम कर रहा हूं जिसका उपयोग संभावित रूप से अस्थिर इंटरनेट कनेक्शन वाले वातावरण में किया जाएगा। मैं इसे एक 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 ऑफ़लाइन अनुप्रयोगों में फ़ाइल अपलोड
उत्तर
मुझे पता है कि यह थोड़ी देर के बाद से मैंने यह पूछा है, लेकिन मुझे अभी भी यह सवाल पसंद है और ऊपर उठाया गया है, इसलिए मुझे लगा कि मैं इसे कैसे हल कर दूंगा। मेरे मामले में फ़ाइलें इतनी बड़ी नहीं हैं इसलिए मैंने बस एमआईएमई को एन्कोड करने का निर्णय लिया और फिर स्ट्रिंग को HTML5 लोकल स्टोरेज में स्टोर किया। यह एक आकर्षण के रूप में काम करता है।
अधिक जानकारी आसान होगी। [यह SO सवाल] (http://stackoverflow.com/questions/19183180/how-to-upload-an-image-save-it-to-localstorage-and-then-display-it-on-the-next) छवियों को शामिल करता है लेकिन इसे इस उत्तर में मोटे तौर पर वर्णित करने का एक अच्छा उदाहरण के रूप में कार्य करना चाहिए। –
हाय @insiderpro ताकि आप स्थानीय स्टोरेज में छवियों को सहेज सकें और आप उन्हें बाद में सर्वर पर कैसे दबा सकते हैं? बेस 64 के रूप में? 10x – Bill
@ बिल, हाँ, मैं उन्हें बेस 64 स्ट्रिंग के रूप में सर्वर पर धक्का देता हूं। –
मैं एचटीएमएल 5 फ़ाइल एपीआई पर एक लेख लिखा था कुछ देर पहले - अग्रिम नियंत्रण के लिए https://github.com/mailru/FileAPI - http://speckyboy.com/2012/10/30/getting-to-grips-with-the-html5-file-api-2/
इसके अलावा GitHub रेपो देखें।
मुझे नहीं लगता कि 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
फ़ाइलों को स्टोर करने के लिए एक बेहतर जगह हो सकती है
- 1. एचटीएमएल 5 फ़ाइल अपलोड
- 2. एचटीएमएल 5 ऑफ़लाइन संचय के
- 3. एचटीएमएल 5 छवि अपलोड
- 4. एचटीएमएल 5 उपयोग कैश केवल जब ऑफ़लाइन
- 5. एचटीएमएल 5 ऑफ़लाइन applicatin कैश्ड संसाधन
- 6. एचटीएमएल 5 ऑफ़लाइन कैश प्रोग्रामेटिक समाप्ति
- 7. एचटीएमएल 5 ऑफ़लाइन मैनिफेस्ट स्टॉप कैशिंग पेज
- 8. एचटीएमएल 5 ऑफ़लाइन मोड और भौगोलिक स्थान
- 9. एचटीएमएल 5 ऑफ़लाइन कैश google font api
- 10. एचटीएमएल 5 ऑफ़लाइन स्टोरेज तैयार डीबी
- 11. मोबाइल सफारी में एचटीएमएल 5 ऑफ़लाइन वीडियो कैशिंग
- 12. एचटीएमएल 5 फ़ाइल अपलोड प्रगति - क्लाइंट साइड केवल
- 13. एचटीएमएल 5 कई फाइल अपलोड: AJAX
- 14. ऑफ़लाइन एचटीएमएल टेम्पलेटिंग
- 15. एचटीएमएल 5 ऑफ़लाइन ऐप कैश को हटा रहा है
- 16. एचटीएमएल फ़ाइल अपलोड फ़ील्ड शैली
- 17. आईओएस 4 आईफोन ऑफ़लाइन पर एचटीएमएल 5 ऑडियो ऑफ़लाइन वेब ऐप नहीं खेलता है?
- 18. एचटीएमएल 5
- 19. एचटीएमएल 5 PHP संचालित साइटों के साथ ऑफ़लाइन कैशिंग
- 20. UIWebView स्टोर एचटीएमएल 5 ऑफ़लाइन फाइल कहां है?
- 21. एचटीएमएल 5/जेएस - जांचें कि एप्लिकेशन ऑफ़लाइन है
- 22. सभ्य एचटीएमएल 5 ऑफ़लाइन स्टोरेज और कैशिंग उदाहरण
- 23. एचटीएमएल 5 फ़ाइल एपीआई: कैसे()
- 24. एचटीएमएल 5 एकाधिक फ़ाइल फॉर्म फीचर
- 25. एचटीएमएल 5 संदर्भ कार्यान्वयन
- 26. एचटीएमएल 5 एकाधिक फ़ाइल रेलवे 3 में नेस्टेड मॉडल में फ़ील्ड मैप कैसे अपलोड करती है?
- 27. एचटीएमएल 5 में एकाधिक फ़ाइल अपलोडर - ब्राउज़र समर्थन?
- 28. एचटीएमएल 5 कैनवास
- 29. एचटीएमएल 5
- 30. एचटीएमएल 5
मुझे पूरा यकीन नहीं है कि मैं आपको समझता हूं। आप किसी फ़ाइल को ऑफ़लाइन सर्वर पर अपलोड नहीं कर सकते हैं। अवधि। वह डेमो जिसे आप लिंक करते हैं, फाइल पर होल्डिंग और कनेक्शन की प्रतीक्षा करनी चाहिए, लेकिन ऑफ़लाइन होने के लिए कोई जादुई तरीका नहीं है। –
@ रेमंड कैमेडन - यह वही है जो मैं ढूंढ रहा था - फ़ाइल को तब तक (या इसकी सामग्री) पकड़ें जब तक कि कनेक्शन फिर से उपलब्ध न हो जाए। मैं एक "कभी-कभी जुड़ा हुआ" ऐप लिख रहा हूं, जो हर समय होने वाले कनेक्शन पर निर्भर नहीं हो सकता है। यह एचटीएमएल 5 स्थानीय स्टोरेज में अनचाहे रिकॉर्ड 'कैश' करता है और कनेक्शन उपलब्ध होने पर उन्हें सर्वर से सिंक्रनाइज़ करता है। मैं बस सोच रहा था कि यह फाइलों के साथ कैसे पूरा किया जा सकता है। –