用js来获取上传的文件名纯粹是为了美化而用_javascript技巧

为啥要用js来获取上传的文件名呢?其实纯粹是为了美化,友好,

但是,可不是网上流传的那样,用 path.substring(path.lastIndexOf('/')+1) ;

这个样在工作的时候会出现不少问题。
比如,firefox的input表单的value值默认就可以获取到文件名,而ie 则显示文件路径。

所以要区别对待,在firefox下 lastIndexOf('/')得到的是-1,而在ie下,目录显示的又是反斜杠,\,当然在Linux
下,其他浏览器获取到的又是正斜杠 / ( 暂时未证明有Linux下有浏览器file获取到的值会是全路径);
 
得用两次判断:

复制代码 代码如下:

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);
}

时间: 2025-01-30 11:23:57

用js来获取上传的文件名纯粹是为了美化而用_javascript技巧的相关文章

图片上传判断及预览脚本的效果实例_javascript技巧

复制代码 代码如下: <div id="imgbox">    <img id="imghead" src="img/no_photo.gif" alt="" width="100" height="125" />    </div><asp:FileUpload ID="FileUploadImg" runat="

javascript验证上传文件的类型限制必须为某些格式_javascript技巧

复制代码 代码如下: //验证文件的格式 function validateFile(){ var fileObject=$("#filename"); var errorObject=$("#error"); var filepath=fileObject.val(); var fileArr=filepath.split("//"); var fileTArr=fileArr[fileArr.length-1].toLowerCase().s

JS完整获取IE浏览器信息包括类型、版本、语言等等_javascript技巧

复制代码 代码如下: <html> <head> <title>JS完整获取IE浏览器信息</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="435" border="1&q

ueditor上传文件,怎么在JS里获得上传的文件名

问题描述 如题所示,请大神们帮助. 解决方案

web.py获取上传文件名的正确方法_python

直接切入主题,从HTML页面上传文件,Python接收处理.但其中发现有些小问题,把它写出来,算是积累吧! HTML页面代码: 复制代码 代码如下: <form action="/admin/addgoodsaction/" method="post" enctype="multipart/form-data">     <input type="file" name="image" /&

java或js(可用jquery)如何获取上传文件原始路径名?

问题描述 上传文件时,我想获取客户端上传文件的原始路径.第一考虑,当然是使用js,例如网上可以找到的: function getPath(obj) { if (obj) { if (window.navigator.userAgent.indexOf("MSIE") >= 1) { obj.select(); return document.selection.createRange().text; } else if (window.navigator.userAgent.in

js获取上传文件的绝对路径实现方法_javascript技巧

在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> <script> function upload() { var filename = document.getElementById("importFile").value; // 这时的filen

js获取上传文件大小示例代码

 js获取上传文件大小在ie下要改安全设置中的对为标记为可安全执行脚本的ActiveX空间初始化并执行,需要的朋友可以参考下 代码如下:  在ie下,貌似要改安全设置中的[对为标记为可安全执行脚本的ActiveX空间初始化并执行]那项     代码如下: <html>  <head>  <script type="text/javascript">  var isIE = /msie/i.test(navigator.userAgent) &

通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法_javascript技巧

项目需求:如何通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端 题主用jquery接收 <input name="c_pic" id="c_pic" type="file" class="file"> 用的方法是: var input = document.getElementById("c_pic"); input.addEventListener('chang