用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 相关文章推荐
jQuery对表单的操作代码集合
Apr 06 Javascript
关于jQuery object and DOM element
Apr 15 Javascript
教你在heroku云平台上部署Node.js应用
Jul 30 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
jQuery插件imgPreviewQs实现上传图片预览
Jan 15 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
Vue中添加手机验证码组件功能操作方法
Dec 07 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
js刷新页面location.reload()用法详解
Dec 09 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 Javascript
vue使用canvas实现移动端手写签名
Sep 22 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+mysql写的留言本
2006/10/09 PHP
PHP实时显示输出
2008/10/02 PHP
PHP中new static() 和 new self() 的区别介绍
2015/01/09 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
微信支付开发维权通知实例
2016/07/12 PHP
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
2012/08/14 Javascript
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
Bootstrap入门书籍之(五)导航条、分页导航
2016/02/17 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
JS获取及验证开始结束日期的方法
2016/08/20 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python编程中使用Pillow来处理图像的基础教程
2015/11/20 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python抽取指定url页面的title方法
2018/05/11 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Python定义二叉树及4种遍历方法实例详解
2018/07/05 Python
详解PyCharm配置Anaconda的艰难心路历程
2018/08/13 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
Agoda香港:全球特价酒店预订
2017/05/07 全球购物
法国大使拉杆箱官网:DELSEY Paris
2018/03/20 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
士力架广告词
2014/03/20 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
二手房购房意向书
2015/05/09 职场文书
立春观后感
2015/06/18 职场文书
Oracle 触发器trigger使用案例
2022/02/24 Oracle