JavaScript获取上传文件的文件名及扩展名
2007-12-28 09:34
357 查看
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<html>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<title>获取上传文件的文件名及扩展名</title>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</head>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
<script language="javascript">...
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
<!--
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function getFileName(obj)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var pos = obj.value.lastIndexOf("/")*1;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
return obj.value.substring(pos+1);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function getFileExt(obj)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
return obj.value.replace(/.+./,"");
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
function showInfo(obj)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedSubBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var filename = "文件名:" + getFileName(obj);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
var fileext = "扩展名:" + getFileExt(obj);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.getElementById("filename").innerText = filename;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
document.getElementById("fileext").innerText = fileext;
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
}
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
-->
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</script>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div id="filename" style="font-size:12px; "></div><br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<div id="fileext" style="font-size:12px; "></div><br>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
<input type="file" name="file1" onChange="showInfo(this);">
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</body>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
</html>
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
相关文章推荐
- 获取input上传文件文件名及扩展名
- javascript获取上传文件的扩展名
- 利用Javascript获取上传文件、图片
- struts文件上传,获取文件名和文件类型
- action中通过javascript获取jsp页面中的文件上传路径
- JavaScript:客户端获取上传文件的大小
- C/C++解析文件路径,获取盘符、路径、文件名及扩展名
- 上传文件 获取文件名 --360浏览器
- 获取上传文件的文件名~~
- JavaScript获取当前文件全路径、当前目录、当前文件名
- C# 通过文件路径获取文件名、扩展名等
- FCKeditor是使用非常广泛的HTML编辑器,本文从 ASP.NET 的使用场景对 FCKeditor 与 FCKeditor.NET 的配置、功能扩展(如自定义文件上传子目录、自定义文件名、上传图片的后期处理等)、以及安全性进行初步的阐述。
- 关于ASP无组件上传文件时 中文 双引号 无法取得 文件名 扩展名 解决方法
- 上传文件消除浏览器获取文件名的区别
- javascript获取FileUpLoad上传空间的文件大小
- JavaScript得到上传文件的文件名
- VC从文件全路径中获取文件名和扩展名方法(CString)
- struts文件上传,获取文件名和文件类型
- 分享非常有用的Java程序 (关键代码) (二)---JavaSript获取上传文件路径的文件名
- 解析文件路径,获取文件名和扩展名