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

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的最大优点就是我们可以异步上传一个二进制文件。
// 创建  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); 
}    );
  
 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券