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

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

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

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

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

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

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

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

One Solution collect form web for “使用表单input访问相机,并立即上传照片使用networking应用程序”

这样做很简单,只需通过文件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); 
  • 什么是P99延迟?
  • 在Linux中的DNScaching
  • java.net.ConnectException:连接被拒绝
  • 在Java中获得“外部”IP地址
  • 在运行时创build一个NinePatch / NinePatchDrawable
  • 哪里可以findoff_ttypes的完整定义?
  • AFNetworking:全局处理错误并重复请求
  • Android模拟器:如何监控networkingstream量?
  • 在WebRequest中强制执行基本身份validation
  • 在OpenCV中增加摄像头捕捉分辨率
  • 将语义添加到网站的最佳实践