Utilizzo dell'input del modulo per accedere alla fotocamera e caricare immediatamente le foto utilizzando l'app Web

Mi sono imbattuto in questa risposta che è geniale:

In iPhone iOS6 e da Android ICS in poi, HTML5 ha il seguente tag che ti permette di scattare foto dal tuo dispositivo:

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

L'acquisizione può assumere valori come fotocamera, videocamera e audio.

È possibile fare un ulteriore passo avanti utilizzando ajax di qualche tipo per caricare immediatamente la foto dopo che è stata scattata?

Ad esempio, utilizzando il mio telefono, una volta che tocco l'ingresso, si apre quindi la fotocamera che mi permetterà immediatamente di scattare una foto e salvarla. Quando lo salvo sulla fotocamera, viene elencato dal pulsante di input come file da caricare.

Cosa sarebbe necessario per caricare immediatamente questa foto invece di aspettare che l'utente faccia clic sul pulsante Invia del modulo?

È davvero facile farlo, basta inviare il file tramite una richiesta XHR all'interno del gestore onchange dell'input del file.

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