使用表单input访问相机，并立即上传照片使用networking应用程序

我遇到了这个辉煌的答案 ：

在iPhone iOS6和Android ICS之后，HTML5具有以下标签，可让您从设备上拍照：

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

捕捉可以采取相机，摄像机和audio的价值。

是否有可能通过使用某种types的jax来进一步上传照片？

例如，使用我的手机，一旦我点击input，然后打开相机，这将立即让我拍照并保存。 当我将它保存到相机时，它会被inputbutton列为要上传的文件。

这张照片需要立即上传，而不是等待用户点击表单的“提交”button？

Answer 1

这样做很简单，只需通过文件input的onchange处理程序中的XHR请求发送文件即可。

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