<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FormData</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
function upload(){
log("Clicked!");
var tagElement = document.getElementById("files");
log(tagElement);
var files = tagElement.files;
if(files){
log(files);
log(files.length);
for(var i=0;i<files.length;i++){
log(files[i]);
var fd = new FormData();
fd.append("File"+i,files[i]);
log(fd);
}
}
}
function log(s){
var log = document.getElementById("log");
if(log){
log.innerHTML += "<br/>" + s;
console.log(s);
}
}
</script>
</head>
<body>
<input type="file" id="files" multiple/>
<button οnclick="upload()">Upload...</button>
<div id="log" style="color:red"></div>
</body>
</html>
可以用ajax上传(send)FormData,实现文件上传.