在html5中使用multiple来实现多个文件的上传

在html中,我们只能一次上传一个文件,但是在html5中,我们可以使用multiple属性来一次上传多个文件!~

这个属性的设置很简单,没有值,直接在file节点添加本属性就好了!

输入代码:

————————————————————————————————-

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5里面的multiple属性设置上传多个文件</title>
<meta charset=”UTF-8″>
<script>
function show(){
var file;
var files=document.getElementById(“file”);
for(var i=0;i<files.files.length;i++){
file=files.files[i];
alert(file.name);
}
}

</script>
</head>

<body>
<center>
<input type=”file” id=”file” multiple size=”80″/>
<input type=”button” onclick=”show();” value=”上传”/>
<center>
</body>
</html>

————————————————————————————————–

演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/files.htm

共有 0 条评论

Top