javascript - 从 Javascript 中的输入文件获取文件名

Question

我注意到，当用户选择文件时， Bootstrap 能够从文件输入字段解析并显示顶级文件名。

<input type="file" id="exampleFile">

JSFiddle:http://jsfiddle.net/na4j7n6y/

我的问题:此功能是否公开供我在自己的 javascript 代码中使用？或者我是否必须使用自己的技术再次解析文件名？

我尝试像这样检索文件名:

$('#exampleFile').val()
// Resolves to 'C:\fakepath\FILENAME' instead of 'FILENAME'

Answer 1

嗯，bootstrap是一个基于html、css和javascript的框架。该框架的 javascript 部分使用 jQuery 而不是自己的库。然后你可以尝试使用带有 javascript/jquery 的正则表达式来解决它，例如:

var fullPath = $("#exampleFile").val();    
var filename = fullPath.replace(/^.*[\\\/]/, '');

看这里:

• http://jsfiddle.net/na4j7n6y/1/
• How to get the file name from a full path using JavaScript?