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(/^.*[\\\/]/, '');

看看这里：

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中从输入文件中获取文件名

2 个答案: