- input类型设为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); } );