首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用文件输入类型将图像发送到服务器

使用文件输入类型将图像发送到服务器
EN

Stack Overflow用户
提问于 2014-08-08 21:27:04
回答 1查看 50.6K关注 0票数 8

我有一个屏幕,我正在从相机捕捉视频,抓拍。我还有一个文件输入,我想将此选项设置为从相机i.e..snap捕获的图像。

我不想将快照存储为cookie,然后再检索它,因为这将使用户的计算机变得繁重,并且每次都需要清理。

所以代码是

代码语言:javascript
运行
复制
<input type="file" id="visitorphoto" name="visitorPhoto" accept="image/*" capture>

这是根据这个w3 document

有使用javascript的想法吗?

谢谢,阿比杰。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-08 21:33:29

使用formData上传文件。HTML:

代码语言:javascript
运行
复制
<input type="file" id="filechooser">

Javascript代码

代码语言:javascript
运行
复制
function uploadFile() {
    var blobFile = $('#filechooser').files[0];
    var formData = new FormData();
    formData.append("fileToUpload", blobFile);

    $.ajax({
       url: "upload.php",
       type: "POST",
       data: formData,
       processData: false,
       contentType: false,
       success: function(response) {
           // .. do something
       },
       error: function(jqXHR, textStatus, errorMessage) {
           console.log(errorMessage); // Optional
       }
    });
}

兼容性:http://caniuse.com/xhr2

票数 17
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25204621

复制
相关文章

相似问题

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