input框多文件上传

在input标签中加入 multiple 属性，可以在一个输入框中选择多个文件进行上传

<input type="file" name="img" multiple="multiple" />
当然，这样也是一样的：

<input type="file" name="img" multiple />

附一段Demo：

<!DOCTYPE HTML>

<html>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<body>

<script type="text/javascript">

function onc(){

var files = document.getElementById("input").files;

for(var i=0; i< files.length; i++){

alert(input.files[i].name);

}

}

</script>

<form action="/example/html5/demo_form.asp" method="get">

选择图片：<input type="file" id="input" name="input" onchange="onc()" multiple="multiple" />

<input type="submit" />

</form>

<p>请尝试在浏览文件时选取一个以上的文件。</p>

</body>

</html>

巴特西

input框多文件上传

最新文章

热门文章