<body>
<input id="file_upload" name="file_upload" type="file" multiple="true" />
<script>
$('#file_upload').on('change',function(){
var that = this;
var files = this.files[0];
console.log(files);
var form = new FormData();
form.append('file',files);
$.ajax({
url:'../demo',
data:form,
method:'post',
contentType:false,
processData: false,//此处是data的预处理，需要设置为false才可以
});
});
</script>
</body>
js的发送
<body>
<input type="file" id="file" name="myfile" />
<input type="button" onclick="UpladFile()" value="上传" />
<script type="text/javascript">
function UpladFile() {
var fileObj = document.getElementById("file").files[0]; // 获取文件对象
var FileController = "./"; // 接收上传文件的后台地址
// FormData 对象
var form = new FormData();
// 可以增加表单数据
form.append("file", fileObj); // 文件对象
// XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
xhr.open("post", FileController, true);
xhr.onload = function () {
alert("上传完成!");
};
xhr.onprgress = function(a,b,c){
console.log(a +"++"+b+"__"+"c")
};
xhr.load = function(){
cnosole.log('');
}
xhr.send(form);
}
</script>
</body>
每一种方法都有 new FormDate()这个对象，这是最重要的