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

Get filename from input file in Javascript

本文关键字：获取 文件名 文件 Javascript 输入      更新时间：2023-09-26

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

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

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

我的问题是：这个功能是公开的，让我在自己的javascript代码中使用吗？还是我必须使用自己的技术再次解析出文件名？

我已经尝试过这样检索文件名：

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

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

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

看看这里：

  • http://jsfiddle.net/na4j7n6y/1/
  • 如何使用JavaScript从完整路径获取文件名

选中此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;
}
相关文章：