Kameraya erişmek ve web uygulamasını kullanarak fotoğrafları hemen yüklemek için form girişini kullanma

Harika olan şu cevaba rastladım :

İPhone iOS6'da ve Android ICS'den itibaren HTML5, cihazınızdan fotoğraf çekmenizi sağlayan aşağıdaki etikete sahiptir:

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

Çekim, kamera, video kamera ve ses gibi değerleri alabilir.

Fotoğraf çekildikten hemen sonra yüklemek için bir çeşit ajax kullanarak bunu bir adım daha ileri götürmek mümkün mü?

Örneğin, telefonumu kullanarak, girişe dokunduğumda, hemen bir fotoğraf çekip kaydetmeme izin verecek kamerayı açıyor. Kameraya kaydettiğimde, daha sonra yüklenecek dosya olarak giriş düğmesiyle listeleniyor.

Kullanıcının formun Gönder düğmesini tıklamasını beklemek yerine bu fotoğrafın hemen yüklenmesi için ne gerekir?

Bunu yapmak gerçekten çok kolay, dosyayı, dosya girdisinin onchange işleyicisinin içindeki bir XHR isteği aracılığıyla gönderin.

<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);