用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 相关文章推荐
用javascript实现分割提取页面所需内容
May 09 Javascript
JavaScript中for-in遍历方式示例介绍
Feb 11 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
Jun 15 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
Jun 19 Javascript
Angularjs实现控制器之间通信方式实例总结
Mar 27 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 Javascript
vue实现axios图片上传功能
Aug 20 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 Javascript
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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
php+mysqli使用面向对象方式查询数据库实例
2015/01/29 PHP
精通Javascript系列之数值计算
2011/06/07 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
网页打开自动最大化的js代码
2012/08/22 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
js防刷新的倒计时代码 js倒计时代码
2017/09/06 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
[05:48]DOTA2英雄梦之声vol21 屠夫
2014/06/20 DOTA
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
详解python实现线程安全的单例模式
2018/03/05 Python
对Python中gensim库word2vec的使用详解
2018/05/08 Python
浅谈tensorflow中几个随机函数的用法
2018/07/27 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
css3动画事件—webkitAnimationEnd与计时器time事件
2013/01/31 HTML / CSS
美国知名保健品网站:LuckyVitamin(支持中文)
2017/08/09 全球购物
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
标准自荐信范文
2014/01/29 职场文书
爱国演讲稿400字
2014/05/07 职场文书
公司建议书怎么写
2014/05/15 职场文书
法律系毕业生求职信
2014/05/28 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
详解Java实践之抽象工厂模式
2021/06/18 Java/Android