用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 相关文章推荐
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
jquery用data方法获取某个元素上的事件
Jun 23 Javascript
原生JS和JQuery动态添加、删除表格行的方法
May 28 Javascript
JavaScript实现图片自动加载的瀑布流效果
Apr 11 Javascript
全面了解JS中的匿名函数
Jun 29 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
PHP实现本地图片上传和验证功能
Feb 27 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
基于js实现的图片拖拽排序源码实例
Nov 04 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
详谈PHP面向对象中常用的关键字和魔术方法
2017/02/04 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
javascript suggest效果 自动完成实现代码分享
2012/02/17 Javascript
js同比例缩放图片的小例子
2013/10/30 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
简单的分页代码js实现
2016/05/17 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
AngularJS中的API(接口)简单实现
2016/07/28 Javascript
vue获取当前点击的元素并传值的实例
2018/03/09 Javascript
vue-cli项目无法用本机IP访问的解决方法
2018/09/20 Javascript
vue 中url 链接左边的小图标更改问题
2019/12/30 Javascript
详解Vue3中对VDOM的改进
2020/04/23 Javascript
JavaScript实现鼠标经过表格某行时此行变色
2020/11/20 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[00:33]DOTA2上海特级锦标赛 CDEC战队宣传片
2016/03/04 DOTA
巧用Python装饰器 免去调用父类构造函数的麻烦
2012/05/18 Python
python计算书页码的统计数字问题实例
2014/09/26 Python
python检测某个变量是否有定义的方法
2015/05/20 Python
Python调用C++程序的方法详解
2017/01/24 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
Django接收自定义http header过程详解
2019/08/23 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
Django+boostrap 美化admin后台的操作
2020/03/11 Python
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
Bonami斯洛伐克:购买家具和家居饰品
2019/07/02 全球购物
商业房地产广告语
2014/03/13 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
消防演习通知
2015/04/25 职场文书
部门2015年度工作总结
2015/04/29 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python