首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用表单输入访问照相机,并使用web应用程序立即上传照片。

使用表单输入访问照相机,并使用web应用程序立即上传照片。
EN

Stack Overflow用户
提问于 2013-06-21 18:09:40
回答 1查看 139.6K关注 0票数 97

我偶然发现了this answer,这是很棒的:

在iPhone iOS6和Android中,HTML5有以下标记,它允许您在设备上拍照: 捕捉可以采取像照相机,摄像机和音频这样的价值。

是否有可能通过使用ajax在拍摄后立即上传照片来更进一步呢?

例如,用我的手机,一旦我点击输入,然后它打开相机,这将立即允许我拍照并保存它。当我将它保存到照相机中时,它会被输入按钮列出作为要上传的文件。

要立即上传这张照片,而不是等待用户点击表单的提交按钮,需要采取什么措施?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-21 18:29:29

这样做真的很容易,只需通过文件输入的onchange处理程序中的XHR请求发送文件。

代码语言:javascript
运行
复制
<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);
票数 120
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17241707

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档