input 的multiple 上傳多個文件


1.在input標簽中加入 multiple 屬性,可以在一個輸入框中選擇多個文件進行上傳
<input type="file" name="img" multiple="multiple" />
當然,這樣也是一樣的: 
<input type="file" name="img" multiple />

2.很多時候上傳的時候,我們要限制一下上傳文件類型(

在windows中主要是限制后綴名
),或者是把選擇的文件名(路徑)輸出到當前頁面,,
這需要用js取得選擇文件的名字:

  document.getElementById("input").files[i].name

最后注意:Internet Explorer 9及更早 IE 版本不支持 input 標簽的 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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM