从 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?

Answer 2

检查此 JSFiddle 以引用显示的文件路径。

http://jsfiddle.net/67y9tpd4/

HTML

<div id="write"><button type="button" onclick="getAfilepath()">Print Filepath</button></div>

JS

function getAfilepath(){    
    var afilepath = document.getElementById("uploadFile").value;
    document.getElementById("write").innerHTML=afilepath;
}

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

Get filename from input file in Javascript

html

javascript

regex

twitter-bootstrap

twitter-bootstrap-3