<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()這個對象，這是最重要的