- 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