Використовуючи введення форми для доступу до камери та негайного завантаження фотографій за допомогою веб-програми

Я натрапив на цю блискучу відповідь:

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