<input type="file" id="input" multiple="multiple">
<div id="content"></div>
<script>
var inputElement = document.getElementById("input");
inputElement.addEventListener("change", handleFiles, false);
function handleFiles(){
var fileList = this.files;
var dd = document.getElementById('content');
for( var i = 0 ; i < fileList.length ; i++ ){
dd.innerHTML += fileList[i].name+"<br>";
}
}
</script>
或者:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"><!-- function handleFile(f) { var files = f.files; var result = ""; for (var i = 0; i < files.length; i++) { result += "文件名:" + files[i].name + "/r/n"; result += "文件大小:" + files[i].size + "/r/n"; result += "文件类型:" + files[i].type + "/r/n"; result += "/r/n------------------------------/r/n/r/n"; } alert(result); } // --></script> </head> <body> <input type="file" onchange="handleFile(this)" /> <input type="file" multiple="true" onchange="handleFile(this)" /> </body> </html>
可惜ie不支持 。。
ie支持但上传只能一张张点:demo-连接http://www.fyneworks.com/jquery/multiple-file-upload/
浙公网安备 33010602011771号