Использование формы для доступа к камере и немедленной загрузки фотографий с помощью веб-приложения

Я наткнулся на этот блестящий ответ :

В iPhone iOS6 и начиная с Android ICS в HTML5 есть следующий тег, который позволяет делать снимки с вашего устройства:

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

Захват может принимать такие значения, как камера, видеокамера и звук.

Можно ли сделать еще один шаг вперед, используя какой-либо ajax для немедленной загрузки фотографии после ее съемки?

Например, когда я использую свой телефон, как только я нажимаю на ввод, он открывает камеру, которая сразу же позволяет мне сделать снимок и сохранить его. Когда я сохраняю его на камеру, он отображается кнопкой ввода как файл для загрузки.

Что нужно сделать, чтобы эта фотография была немедленно загружена, вместо того, чтобы ждать, пока пользователь нажмет кнопку «Отправить» формы?

Это действительно легко сделать, просто отправьте файл через запрос XHR внутри обработчика onchange входного файла.

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