用js来获取上传的文件名纯粹是为了美化而用
2023-06-13 09:15:06 时间
为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好,
但是,可不是网上流传的那样,用path.substring(path.lastIndexOf("/")+1);
这个样在工作的时候会出现不少问题。
比如,firefox的input表单的value值默认就可以获取到文件名,而ie则显示文件路径。
所以要区别对待,在firefox下lastIndexOf("/")得到的是-1,而在ie下,目录显示的又是反斜杠,\,当然在Linux
下,其他浏览器获取到的又是正斜杠/(暂时未证明有Linux下有浏览器file获取到的值会是全路径);
得用两次判断:
复制代码代码如下:
但是,可不是网上流传的那样,用path.substring(path.lastIndexOf("/")+1);
这个样在工作的时候会出现不少问题。
比如,firefox的input表单的value值默认就可以获取到文件名,而ie则显示文件路径。
所以要区别对待,在firefox下lastIndexOf("/")得到的是-1,而在ie下,目录显示的又是反斜杠,\,当然在Linux
下,其他浏览器获取到的又是正斜杠/(暂时未证明有Linux下有浏览器file获取到的值会是全路径);
得用两次判断:
functiongetFileName(path){
varpos1=path.lastIndexOf("/");
varpos2=path.lastIndexOf("\\");
varpos=Math.max(pos1,pos2)
if(pos<0)
returnpath;
else
returnpath.substring(pos+1);
}
相关文章
- Nuxt.js + koa2 入门
- node.js 安装详细步骤教程
- 用JS获取地址栏url参数的方法_js的url是啥
- JS设置定时器_js设置定时器
- js上传图片预览详解编程语言
- JS截取数组:使用splice()和slice()方法
- 妙用JS获取Oracle信息的快速方法(js获取Oracle)
- 捕获input文本框内容改变事件的js代码
- JS无法捕获滚动条上的mouseup事件的原因猜想
- 多个表单中如何获得这个文件上传的网址实现js代码
- 上传的js验证(图片/文件的扩展名)
- js实现inputtype="file"文件上传示例代码
- JS将所有对象s的属性复制给对象r(原生js+jquery)
- js动态创建上传表单通过iframe模拟Ajax实现无刷新
- 使用AjaxFileUpload.js实现异步文件上传示例
- JS获取客户端IP地址、MAC和主机名的7个方法汇总