用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获取元素在浏览器中的绝对位置
Jul 24 Javascript
JQuery.closest(),parent(),parents()寻找父结点
Feb 17 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
JavaScript函数表达式详解及实例
May 05 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
jquery中done和then的区别(详解)
Dec 19 jQuery
Vue组件中prop属性使用说明实例代码详解
May 31 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
layui动态加载多表头的实例
Sep 05 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之第五天
2006/10/09 PHP
php简单判断文本编码的方法
2015/07/30 PHP
ThinkPHP和UCenter接口冲突的解决方法
2016/07/25 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
JavaScript静态的动态
2006/09/18 Javascript
Dom 结点创建 基础知识
2011/10/01 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
javascript 兼容各个浏览器的事件
2015/02/04 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
javascript实现设置、获取和删除Cookie的方法
2015/06/01 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
node.js的事件机制
2017/02/08 Javascript
基于JS实现仿百度百家主页的轮播图效果
2017/03/06 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
three.js实现炫酷的全景3D重力感应
2018/12/30 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
PyQt5实现拖放功能
2018/04/25 Python
pygame游戏之旅 添加游戏介绍
2018/11/20 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
PyCharm配置anaconda环境的步骤详解
2020/07/31 Python
J2EE面试题集锦(附答案)
2013/08/16 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
大学生实习证明范本
2014/09/19 职场文书
重温入党誓词主持词
2015/06/29 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书