使用表单输入来访问相机并使用Web应用程序立即上传照片

我遇到了这个很棒的答案：

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