用js来获取上传的文件名纯粹是为了美化而用


Posted in Javascript onOctober 23, 2013

为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好,

但是,可不是网上流传的那样,用 path.substring(path.lastIndexOf('/')+1) ;

这个样在工作的时候会出现不少问题。
比如,firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。

所以要区别对待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目录显示的又是反斜杠,\,当然在Linux
下,其他浏览器获取到的又是正斜杠 / ( 暂时未证明有Linux下有浏览器file获取到的值会是全路径);
用js来获取上传的文件名纯粹是为了美化而用 
得用两次判断:

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); 
}
Javascript 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 Javascript
npm 常用命令详解(小结)
Jan 17 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
vue实现水波涟漪效果的点击反馈指令
May 31 Vue.js
ajax与302响应代码测试
Oct 23 #Javascript
通过js简单实现将一个文本内容转译成加密文本
Oct 22 #Javascript
js简单实现让文本框内容逐个字的显示出来
Oct 22 #Javascript
Javascript简单实现可拖动的div
Oct 22 #Javascript
将两个div左右并列显示并实现点击标题切换内容
Oct 22 #Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
Oct 22 #Javascript
js单例模式的两种方案
Oct 22 #Javascript
You might like
菜鸟修复电子管记
2021/03/02 无线电
php与paypal整合方法
2010/11/28 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
Yii框架多语言站点配置方法分析【中文/英文切换站点】
2020/04/07 PHP
由浅到深了解JavaScript类
2006/09/08 Javascript
jquery1.4.2 for Visual studio 2010 模板文件
2010/07/14 Javascript
jquery datepicker参数介绍和示例
2014/04/15 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
日常收集整理的JavaScript常用函数方法
2015/12/10 Javascript
JavaScript实现简单的tab选项卡切换
2016/01/05 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
Angular获取手机验证码实现移动端登录注册功能
2017/05/17 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
Javascript Worker子线程代码实例
2020/02/20 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
[48:45]Ti4 循环赛第二日 NEWBEE vs EG
2014/07/11 DOTA
[01:20:47]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第一场 1月19日
2021/03/11 DOTA
python实现文件路径和url相互转换的方法
2015/07/06 Python
Python中协程用法代码详解
2018/02/10 Python
python画微信表情符的实例代码
2019/10/09 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
大学毕业后的十年规划
2014/01/07 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
员工趣味活动方案
2014/08/27 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
大学学习委员竞选稿
2015/11/20 职场文书
小学大队干部竞选稿
2015/11/20 职场文书