मोबाइल सफारी के लिए एक HTML5 वेब ऐप Photos.app से चित्र अपलोड करने के लिए?


92

क्या iOS उपकरणों (iPad, iPhone, iPod Touch) के लिए डिज़ाइन किया गया HTML5 वेब एप्लिकेशन लिखना संभव है जो उपयोगकर्ता को फाइल सिस्टम से छवि अपलोड करने की अनुमति दे सकता है?

एक वेब ऐप के माध्यम से अपने ट्विटर अवतार में एक नई तस्वीर अपलोड करने की कल्पना करें।

जवाबों:


98

अद्यतन: iOs 6 सफारी फोटो लाइब्रेरी से अपलोड वीडियो और छवियों का समर्थन करने जा रहा है।

====

मुझे इस शब्द से नफरत है, लेकिन, यह असंभव है (अभी)। यहाँ कारण हैं:

1) मोबाइल सफारी कुछ भी अपलोड करने का समर्थन नहीं करता है।

2) मोबाइल सफारी आईओएस घटकों (वास्तव में यह, लेकिन, केवल फोनगैप के माध्यम से ) का उपयोग नहीं कर सकता है


7
आप सही कह रहे हैं, यह एक घृणित शब्द है! मेरे शोध ने एक ही बात दिखाई थी और मैं अभी इसके साथ नहीं रह सका इसलिए एसओ से यहां पूछा गया। जवाब के लिए धन्यवाद।
अभिजात

2
मुझे समझ में नहीं आता है कि सेब ने पूरे सिस्टम को उजागर करने से डरने के बजाय चित्रों / वीडियो फ़ोल्डर को उजागर करने की अनुमति क्यों नहीं दी।
फसिह.रना।

1
IOS सफ़ारी के प्रलेखन के लिए कोई भी लिंक यह उल्लेख करने के लिए कि iOS में छवि अपलोड कैसे प्राप्त करें ?? धन्यवाद!
detj

आह! यह स्वचालित रूप से करता है। कोई
बाधा

क्या आप HTML 5 का उपयोग करके आईओएस सफारी ब्राउज़र में फ़ाइल अपलोड के लिए कुछ कोड पोस्ट कर सकते हैं?
कार्तिक

28

इस समस्या से निपटने का एक और तरीका उपयोगकर्ताओं को एक निजी ईमेल पता देना होगा कि वे अपनी तस्वीरों को स्वचालित अपलोड के लिए ईमेल कर सकते हैं (उदाहरण के लिए। फ़ोटो +abc123@yoursite.com)।

स्थापित करने के लिए थोड़ा और काम, लेकिन सभी उपकरणों पर उपयोगकर्ताओं के लिए एक सुसंगत अनुभव देगा (और गैर-मोबाइल उपयोगकर्ता इसे सुविधाजनक भी पा सकते हैं)।


मुझे आश्चर्य है कि यह कैसे किया जा सकता है, मेरा मतलब है, उपयोगकर्ता एक अनुलग्नक, फोटो या वीडियो के साथ एक ईमेल भेजते हैं, मैं उस जानकारी को कैसे निकाल सकता हूं और इसे एक डीबी में सहेज सकता हूं और संबंधित जानकारी को सही जगह पर पोस्ट कर सकता हूं, चित्र फ़ोल्डर को फोटो। वीडियो से वीडियो फ़ोल्डर ... वहाँ एक स्क्रिप्ट पहले से ही है कि ऐसा कर सकते हैं ... या कुछ इसी तरह ..
टैंकर

@ टैंकर हाँ, आपके ऐप को समय-समय पर ईमेल को पुनर्प्राप्त करना होगा, अटैचमेंट्स को पकड़ना होगा, और परिवर्तनों को सहेजना होगा। मैंने अतीत में इसके लिए चिल्कैट ईमेल पुस्तकालयों का उपयोग किया है , हालांकि मैं आपको चेतावनी दूंगा कि यह हमेशा 32/64 बिट के बीच अच्छी तरह से (मेरे लिए -mmv) संकलन नहीं करता है।
ब्रिचिन्स

9

मुझे http://picupapp.com पर पिकअप समाधान पसंद है


उसके लिए एक ट्यूटोरियल है । पिकअप के साथ एक समस्या यह है कि यह छवि को तीसरे पक्ष के सर्वर (imgur.com) पर अपलोड करता है, जिससे बहुत सारे लाइसेंसिंग / गोपनीयता मुद्दे बन सकते हैं। Imgur की सेवा की शर्तें मूल रूप से कहती हैं कि वे छवि के मालिक हैं और आप इसका उपयोग व्यावसायिक उद्देश्यों के लिए नहीं कर सकते।
इयान डन

2
@ इयान डन: आपके द्वारा पसंद किए गए किसी भी URL पर चित्र अपलोड करने के लिए पिकअप को कॉन्फ़िगर किया जा सकता है। Imgur बस डिफ़ॉल्ट है।
जियोन

8

मुझे इसके लिए एक स्वीकार्य काम मिला। पृष्ठ पर एक पूर्वनिर्धारित निर्देशों के साथ एक mailTo लिंक जोड़ें जो उपयोगकर्ता को ईमेल में अपने कैमरा रोल से एक छवि को कॉपी करने का तरीका दिखाता है। फिर, एक नौकरी / स्क्रिप्ट लिखें जो इनबाउंड ईमेल के लिए उस इनबॉक्स को सुनता है, छवि को छीनता है और तदनुसार प्रक्रिया करता है।

यह सही नहीं है, लेकिन वे सफारी से लिंक पर क्लिक करते हैं और फिर केवल फ़ोटो पर जाने, कॉपी करने और अपने ऐप पर वापस आने की आवश्यकता होती है। अपने फोन पर इसे आज़माने के बाद, यह एक स्वीकार्य काम से अधिक है जिसके आसपास मुझे ऐप लिखने के बिना आगे बढ़ने की अनुमति मिलती है।

    <div data-role="collapsible" data-collapsed="true" id="uploadPicContainer" data-theme="d">
    <h3>{l t='Upload Picture'}</h3>
    <a href="mailto:fotos@opina.com?subject={l t='My pictures of'} {$var_biz.bizname}[{$var_biz.id}]!&body={l t='To upload a picture go to your Camera Roll and copy paste an image to this area in the email.  We will apply your picture after review!'}">{l t='Click here to upload pictures of'} {$var_biz.bizname}</a>
</div>

यह आपके लिए अधिक स्वीकार्य है क्योंकि आप सीमाओं को जानते हैं - मैं इस तरह के ऐप के लिए गैर डेवलपर्स की प्रतिक्रियाओं को देखने के लिए उत्सुक हूं। यह इसके बारे में जाने के लिए एक दिलचस्प तरीका है और एक अन्य विधि पर निर्भर करता है जो उपयोगकर्ता पहले से ही परिचित हैं - यह कुछ के लिए काम कर सकता है जो मैं भी करने की कोशिश कर रहा हूं।
एंजेलो आर।

हां। यह एक साफ विचार है। एक स्क्रिप्ट होनी चाहिए जो अटैचमेंट्स को पार्स करेगी। Zend फ्रेमवर्क के लिए कुछ अच्छे घटक हैं।
स्वेतोस्लाव मारिनोव

6

आप आईओएस 6 में सफारी का उपयोग करके फोटो अपलोड कर पाएंगे। हालांकि उपरोक्त वर्कअराउंड अभी भी iOS 5 और उससे नीचे के लिए नेकसेरी होगा।


2
क्या आपके पास इसे iOS 6 पर करने का कोई निर्देश है?
Wim Deblauwe

2

एक अन्य देशी आईओएस एप्लीकेशन (पिकअप या आईफोन-फोटो-पिकर के समान) औरिग्मा अप है


2

IOS 6.0 पर सफारी<input type="file"> आपको अनुमति देने के लिए समर्थन जोड़ने के लिए 1 है:

  • एक नया वीडियो या फ़ोटो लें
  • लाइब्रेरी से एक वीडियो या फोटो चुनें

यहाँ यह iOS10 पर कैसा दिखता है:

iOS 10 फ़ाइल इनपुट कोई फ़िल्टर नहीं

iOS9 ने आईक्लाउड ड्राइव और ड्रॉपबॉक्स सहित अधिक विकल्प पेश किए । 8 के माध्यम से iOS 6 में केवल 1 दो विकल्प थे।

आप accept="image/*"विशेषता का उपयोग करके फ़ाइल प्रकारों को केवल फ़ोटो तक सीमित कर सकते हैं :

<input type="file" accept="image/*" > केवल फ़ोटो के लिए विकल्पों को सीमित करेगा:

तस्वीरों के लिए iOS 10 फ़ाइल इनपुट

उपरोक्त कोड का समर्थन करने के लिए एंड्रॉइड ओर एंड्रॉइड 2.2+ 1 है।

अस्वीकरण: पाइप की छवि शिष्टाचार जो वीडियो रिकॉर्डिंग को संभालता है जहां मैं सीटीओ हूं


1

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

मुझे चित्रों के अलावा अन्य फ़िल्टरों का समर्थन करने की आवश्यकता है ताकि ऐसा लगे कि पिकअप मेरे लिए काम नहीं करेगा।


0

यदि आप अभी भी iOS5 का उपयोग कर रहे हैं, तो कृपया iCab का उपयोग करने पर विचार करें मोबाइल । यह मेरे ipad के लिए मिला है और (कम से कम मेरे लिए) फ़ाइल अपलोड ठीक काम करता है।

सादर, पिओटर


0

केवल iOS> = 6 के लिए

<input type="file" accept="image/*" capture>

"कैप्चर" आईओएस के साथ कुछ भी नहीं बदलता है लेकिन यह अभी भी अन्य उपकरणों (जाहिरा तौर पर एंड्रॉइड, टिप्पणियों को देखें) के लिए उपयोगी है।


capture="camera"(स्ट्रिंग) को capture="capture"W3C कैंडिडेट सिफारिश में बदल दिया गया है। दोनों ही मामलों में यह केवल एंड्रॉइड पर काम करता है।
ऑक्टेवियन नाइकू

@OctavianNaicu समझ में आता है। मैंने प्रतिक्रिया संपादित की है। जानकारी के लिए धन्यवाद
Erdal G.
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.