用js来获取上传的文件名纯粹是为了美化而用
更新时间：2013年10月23日 16:56:28 作者：
用js来获取上传的文件名其实纯粹是为了美化，友好。但是，可不是网上流传的那样，用 path.substring()的方法，下面有个不错的示例，感兴趣的朋友可以参考下
为啥要用js来获取上传的文件名呢？其实纯粹是为了美化，友好，
但是，可不是网上流传的那样，用 path.substring(path.lastIndexOf('/')+1) ;
这个样在工作的时候会出现不少问题。
比如，firefox的input表单的value值默认就可以获取到文件名，而ie 则显示文件路径。
所以要区别对待，在firefox下 lastIndexOf('/')得到的是-1，而在ie下，目录显示的又是反斜杠，\，当然在Linux
下，其他浏览器获取到的又是正斜杠 / （ 暂时未证明有Linux下有浏览器file获取到的值会是全路径）；
得用两次判断：
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}
但是，可不是网上流传的那样，用 path.substring(path.lastIndexOf('/')+1) ;
这个样在工作的时候会出现不少问题。
比如，firefox的input表单的value值默认就可以获取到文件名，而ie 则显示文件路径。
所以要区别对待，在firefox下 lastIndexOf('/')得到的是-1，而在ie下，目录显示的又是反斜杠，\，当然在Linux
下，其他浏览器获取到的又是正斜杠 / （ 暂时未证明有Linux下有浏览器file获取到的值会是全路径）；
得用两次判断：
复制代码 代码如下:
function getFileName(path){
var pos1 = path.lastIndexOf('/');
var pos2 = path.lastIndexOf('\\');
var pos = Math.max(pos1, pos2)
if( pos<0 )
return path;
else
return path.substring(pos+1);
}
您可能感兴趣的文章:
- Jsp页面实现文件上传下载类代码
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- JS清空上传控件input(type="file")的值的代码
- 图片上传即时显示缩略图的js代码
- 关于js拖拽上传 [一个拖拽上传修改头像的流程]
- jsp中实现上传图片即时显示效果功能
- 多个表单中如何获得这个文件上传的网址实现js代码
- js实现上传图片之上传前预览图片
- Servlet+Jsp实现图片或文件的上传功能具体思路及代码
- js 实现 input type="file" 文件上传示例代码
- JS简单实现文件上传实例代码（无需插件）
- 客户端js判断文件类型和文件大小即限制上传大小
- javascript拖拽上传类库DropzoneJS使用方法
- js动态创建上传表单通过iframe模拟Ajax实现无刷新
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 使用ajaxfileupload.js实现ajax上传文件php版
- 上传图片预览JS脚本 Input file图片预览的实现示例
- JS模拟并美化的表单控件完整实例
- js实现文件上传表单域美化特效
相关文章
这篇文章主要为大家详细介绍了JavaScript canvas实现雨滴特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
NCZ在他的同名博客《Feature detection is not browser detection》中，讲述了一直以来前端开发中的一个热门技术——检测用户的浏览器平台，并详细地叙说历史发展以及各种办法的优缺点。2010-01-01
本文主要介绍了JavaScript中apply 、call的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要给大家介绍了关于js获取dom元素宽高的几种方法,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友可以参考下2023-08-08
js 异步处理进度条的实现代码，需要的朋友可以参考下。2010-04-04
本文主要介绍了js实现根据文件url批量压缩下载成zip包，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
简介EasyUI datagrid editor combogrid搜索框的实现
这篇文章主要介绍了EasyUI datagrid editor combogrid搜索框的实现，涉及到EasyUI中combogrid的使用方法的相关知识,非常具有参考价值，需要的朋友可以参考下2016-04-04![javascript 获取radio的value的函数 [已测]](//img.jbzj.com/images/xgimg/bcimg7.png)
javascript 获取radio的value的函数 [已测]
javascript 获取radio的value的函数 如果与asp,php等后台语言结合时，一般用不到，但在纯js环境下是必须的。2009-06-06
下面小编就为大家带来一篇Javascript农历与公历相互转换的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本文给大家分享mvc中form表单提交的三种方式，分别是submit 按钮 提交方式，$("#dataform").ajaxSubmit() 提交方式，post 提交方式，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
![javascript 获取radio的value的函数 [已测]](http://img.jbzj.com/images/xgimg/bcimg7.png)
最新评论