用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 相关文章推荐
批量修改标签css样式以input标签为例
Jul 31 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
理解AngularJs指令
Dec 10 Javascript
EasyUI布局 高度自适应
Jun 04 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
Nov 30 Javascript
原生js实现倒计时--2018
Feb 21 Javascript
angular中使用Socket.io实例代码
Jun 03 Javascript
探索Vue高阶组件的使用
Jan 08 Javascript
Vue cli 引入第三方JS和CSS的常用方法分享
Jan 20 Javascript
js中对象与对象创建方法的各种方法
Feb 27 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 Javascript
javascript前端实现多视频上传
Dec 13 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
ThinkPHP中的关联模型注意点
2014/06/16 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
2015/03/27 PHP
Win10 下安装配置IIS + MySQL + nginx + php7.1.7
2017/08/04 PHP
javascript innerHTML、outerHTML、innerText、outerText的区别
2008/11/24 Javascript
javascript 面向对象的JavaScript类
2010/05/04 Javascript
chrome原生方法之数组
2011/11/30 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
jquery实现下拉框功能效果【实例代码】
2016/05/06 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
印尼最大的在线购物网站:MatahariMall.com
2016/08/26 全球购物
英国轻奢珠宝品牌:Astley Clarke
2016/12/18 全球购物
信息专业学生学习的自我评价
2014/02/17 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
诚信贷款承诺书
2014/05/30 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS