用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); 
} 

您可能感兴趣的文章:

拥Bootstrap入怀——导航栏篇
拥Bootstrap入怀导航栏篇，和大家一起走进Bootstrap，了解Bootstrap的导航栏，感兴趣的小伙伴们可以参考一下
2016-05-05
Javascript中作用域的详细介绍
这篇文章主要为大家详细介绍了Javascript中的作用域，具有一定的参考价值，感兴趣的朋友可以参考一下
2016-10-10
原生JS实现九宫格抽奖
这篇文章主要为大家详细介绍了原生JS九宫格抽奖，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
canvas 画布在主流浏览器中的尺寸限制详细介绍
这篇文章主要介绍了canvas 画布在主流浏览器中的尺寸限制详细介绍的相关资料,canvas在不同浏览器下面有不同的最大尺寸限制，这里测试下，需要的朋友可以参考下
2016-12-12
two.js之实现动画效果示例
本篇文章主要介绍了two.js之实现动画效果示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11
判定是否原生方法的JS代码
这篇文章介绍了判定是否原生方法的JS代码，有需要的朋友可以参考一下
2013-11-11
javascript实现的动态文字变换
javascript实现的动态文字变换...
2007-07-07
js实现滑动进度条效果
这篇文章主要为大家详细介绍了js实现滑动进度条效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-08-08
js修改onclick动作的四种方法(推荐)
下面小编就为大家带来一篇js修改onclick动作的四种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
JavaScript实现抽奖器效果
这篇文章主要为大家详细介绍了JavaScript实现抽奖器效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10