input上传一个文件如何获取文件名并显示在另一个text文本框中?

最新推荐文章于 2020-08-20 16:42:33 发布

Anhk丶

最新推荐文章于 2020-08-20 16:42:33 发布

阅读量1.8k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_45829350/article/details/105768082

版权

本文介绍了一种在网页上实现文件上传后，通过JavaScript自动获取上传文件的名称，并将其显示在另一个文本框中的方法。具体实现涉及HTML的input元素与JavaScript的事件监听和字符串操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input上传一个文件如何获取文件名并显示在另一个text文本框中

<html>
	<body>
		<input type="file" id="f" onchange="show()"/>
		<input type="txt" id="des"/>
		//调用方法
		<script type="text/javascript">
			function show(){
				document.getElementById("des").value = document.getElementById("f").value;
				//document.getElementById("f").value 得到的是绝对路径
				var a='C:\\Program Files\\Universal\\UFileUploaderD\\UFileUploaderD.dll';
				var arr = a.split('\\');
				//得到文件名称
				alert(arr[arr.length-1]);
				document.getElementById("des").value = arr[arr.length-1]；
			}
		</script>
	</body>
</html>