前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >input type= file通过ajax 来异步上传

input type= file通过ajax 来异步上传

作者头像
山河木马
发布2019-03-05 18:07:58
1.4K0
发布2019-03-05 18:07:58
举报
文章被收录于专栏:山河木马山河木马

input类型设为file: <label for="img_input"></label> <input id="img_input" type="file"/>

  1. 获取文件内容: var file = document.getElementById('fileToUpload').files[0];
  2. 上传: XMLHttpRequest Level 2添加了一个新的接口FormData。利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件。比起普通的Ajax,使用FormData的最大优点就是我们可以异步上传一个二进制文件。
代码语言:javascript
复制

// 创建  var form_data = new FormData();  
// 获取文件  
var file_data = $("#img_input").prop("files")[0];  
// 把所以表单信息  
form_data.append("id", "001");  
form_data.append("name", "test");  
form_data.append("img", file_data);  
$.ajax({    type: "POST",   url: "....",   dataType : "json",   processData: false, // 注意:让jQuery不要处理数据   
contentType: false, // 注意:让jQuery不要设置   
contentType data: form_data }).success(     function(msg) {
 console.log(msg); 
}    ).fail(     function(msg) {
  console.log(msg); 
}    );
  
 
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018/06/14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档