कैमरा एक्सेस और तुरंत वेब एप्लिकेशन

Question

का उपयोग कर रहा this answer जो शानदार है में आए फोटो अपलोड करने के रूप इनपुट का उपयोग करना:

iPhone iOS6 में और उसके बाद एंड्रॉयड आईसीएस से, एचटीएमएल 5 निम्नलिखित टैग जो आप लेने के लिए अनुमति देता है आपके डिवाइस से चित्र:

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

कैप्चर कैमरा, कैमकॉर्डर और ऑडियो जैसे मान ले सकता है।

क्या किसी भी प्रकार के AJAX का उपयोग करके इसे तुरंत एक बार ले जाने के बाद फोटो को तुरंत अपलोड करना संभव है?

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

उपयोगकर्ता के फॉर्म के सबमिट बटन पर क्लिक करने के लिए इस तस्वीर को तत्काल अपलोड करने के लिए क्या होगा?

Answer 1

यह करना वास्तव में आसान है, फ़ाइल इनपुट के बदले हैंडलर के अंदर बस एक एक्सएचआर अनुरोध के माध्यम से फ़ाइल भेजें।

<input id="myFileInput" type="file" accept="image/*;capture=camera"> 

var myInput = document.getElementById('myFileInput'); 

function sendPic() { 
    var file = myInput.files[0]; 

    // Send file here either by adding it to a `FormData` object 
    // and sending that via XHR, or by simply passing the file into 
    // the `send` method of an XHR instance. 
} 

myInput.addEventListener('change', sendPic, false);