Js⼀Jquery获取input file的文件名

2024-11-06 08:59:44

推荐回答（5个）

回答1：

字符串截取

var file = $("#file").val();

var fileName = getFileName(file); function getFileName(o){ var pos=o.lastIndexOf("\\"); return o.substring(pos+1); } 方法二：正则表达式

var file = $("#file").val();

var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); //正则表达式获取文件名，不带后缀var FileExt=file.replace(/.+\./,""); //正则表达式获取后缀

拓展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

回答2：

这个值的html代码: js:alert("d:/userAdmin/uploads/20120515_115146.jpg".match(/[^\/]*$/)[0]);

2.字符串截取
var file = $("#file").val();var fileName = getFileName(file); function getFileName(o){ var pos=o.lastIndexOf("\\"); return o.substring(pos+1); }

拓展：

通常情况下，当用户通过标签来上传文件时，我们可以看到上传文件的名称。HTML5 File API为我们提供了一种安全的方式，让我们在客户端访问计算机中的文件，并更好的对这些文件执行操作。支持File API的浏览器有IE10+，Firefox4+，Safari5.0.5+，Opera11.1+和Chrome。

回答3：

html代码:

js:
方法一：字符串截取
var file = $("#file").val();
var fileName = getFileName(file);
 
function getFileName(o){
    var pos=o.lastIndexOf("\\");
    return o.substring(pos+1);  
}
 
方法二：正则表达式
var file = $("#file").val();
var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1");  //正则表达式获取文件名，不带后缀
var FileExt=file.replace(/.+\./,"");   //正则表达式获取后缀

回答4：

可以通过两个方法解决：1.正则表达式var file = $("#file").val();var strFileName=file.replace(/^.+?\\([^\\]+?)(\.[^\.\\]*?)?$/gi,"$1"); //正则表达式获取文件名，不带后缀var FileExt=file.replace(/.+\./,""); //正则表达式获取后缀

2.字符串截取var file = $("#file").val();var fileName = getFileName(file); function getFileName(o){ var pos=o.lastIndexOf("\\"); return o.substring(pos+1); }

回答5：

以/为分割符将它分割成字符串数组，取数组最后一个值