用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 相关文章推荐
prototype class详解
Sep 07 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
js实现跨域的多种方法
Dec 25 Javascript
4种JavaScript实现简单tab选项卡切换的方法
Jan 06 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
Oct 24 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
利用PM2部署node.js项目的方法教程
May 10 Javascript
vuejs实现本地数据的筛选分页功能思路详解
Nov 15 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 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
php利用smtp类实现电子邮件发送
2015/10/30 PHP
实例讲解yii2.0在php命令行中运行的步骤
2015/12/01 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
深入理解Javascript作用域与变量提升
2013/12/09 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
2015/07/01 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
AngularJS 实现按需异步加载实例代码
2015/10/18 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
vue+element表格导出为Excel文件
2019/09/26 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
python安装与使用redis的方法
2016/04/19 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Python实现把类当做字典来访问
2019/12/16 Python
将matplotlib绘图嵌入pyqt的方法示例
2020/01/08 Python
Python调用jar包方法实现过程解析
2020/08/11 Python
英国团购网站:Groupon英国
2017/11/28 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
入党自我评价优缺点
2014/01/25 职场文书
个人优缺点自我评价
2014/01/27 职场文书
给校长的建议书500字
2014/05/15 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
2014年重阳节老干部座谈会局领导发言稿
2014/09/25 职场文书
介绍信格式
2015/01/30 职场文书
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL
为什么MySQL8新特性会修改自增主键属性
2022/04/18 MySQL
python 学习GCN图卷积神经网络
2022/05/11 Python
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS