怎么用js来获取 fileupload中的上传文件的文件名

Posted 2023-02-28

在firefox上，input（type=file）默认获取到的value值就是文件名。
在IE上，input（type=file）默认获取到的value值是路径。
因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。
示例代码：
<form action="" method="get" onSubmit="return false;">
<input type="text" name="test" id="test">
<input type="file" name="testFile" onChange="if(this.value)insertTitle(this.value);">
<input type="submit" value="提交">
</form>
<script language="javascript">
function insertTitle(path)
var test1 = path.lastIndexOf("/"); //对路径进行截取
var test2 = path.lastIndexOf("\\"); //对路径进行截取
var test= Math.max(test1, test2)
if(test<0)
document.getElementById("test").value = path;
else
document.getElementById("test").value = path.substring(test + 1); //赋值文件名


</script> 参考技术A 在firefox上，input（type=file）默认获取到的value值就是文件名。
在IE上，input（type=file）默认获取到的value值是路径。
因此用js来获取fileupload中的上传文件的文件名需要多方面考虑。
你可以试下一下
function getFileName(path)
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
return path;elsereturn path.substring(pos+1);测试过了，没有问题，可用。本回答被提问者采纳