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

最新推荐文章于 2022-10-08 09:44:29 发布

weixin_33781606

最新推荐文章于 2022-10-08 09:44:29 发布

阅读量417

点赞数

原文链接：https://my.oschina.net/u/2306318/blog/1830133

版权

2019独角兽企业重金招聘Python工程师标准>>>

input类型设为file：

<label for="img_input"></label> <input id="img_input" type="file"/>

获取文件内容：

var file = document.getElementById('fileToUpload').files[0];

上传： 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); }
   );

转载于:https://my.oschina.net/u/2306318/blog/1830133