获取文件名并赋值给文本框的解法

文件路径截取文件名

原创于 2019-02-23 09:30:43 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一段JavaScript代码，该代码用于从完整的文件路径中截取出文件名部分。通过使用split方法结合数组操作，可以有效地实现这一功能，这对于文件上传和管理界面特别有用。

代码来源：https://www.cnblogs.com/yunyue/p/5859520.html

function change(src) {
	var str = src;
	var fileName = document.getElementById("fileName").value;
	if (str != "") {
		var arr = str.split('\\');
		var my = arr[arr.length - 1];
		document.getElementById("fileName").value = my; 
	}
}
<input type="text"  placeholder="文件名" id="fileName"/>
<input type="file" id="file" onchange="change(this.value)"/>