input file选择多个文件

最新推荐文章于 2025-03-22 21:59:02 发布

原创最新推荐文章于 2025-03-22 21:59:02 发布 · 695 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#python

web 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML示例，展示了如何使用带有multiple属性的文件输入元素让用户选择多个文件，并在页面上显示已选文件的名称。

    <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>

<input type="file" id="input" multiple="multiple"> 主要是多了个multiple