Question

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

Answer 1

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

Answer 2

<input type="file" name="pFile" onchange="if(this.value)insertTitle(this.value);">
function insertTitle(tValue){
var t1 = tValue.lastIndexOf("\\");
var t2 = tValue.lastIndexOf(".");
if(t1 >= 0 && t1 < t2 && t1 < tValue.length){
//alert("自动填入上传的文件名");
document.getElementById("pTitle").value = tValue.substring(t1 + 1, t2);
}
}
<input type="text" id="pTitle">