javascript - 如何在javascript中从文件输入标签中获取路径

Question

我想使用输入标签访问从浏览文件中获得的文件路径。我想显示路径。

Answer 1

下面是一个使用 jquery 的例子：

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

$(document).ready(function() {
    $("#input").on("change", function() {
        alert($(this).val());
    });
});

即 $(this).val() 包含文件路径。

这是一个 jsfiddle 示例http://jsfiddle.net/krasimir/uwaf2/

Answer 2

从

使用 jQuery 获取文件输入的选定文件名，不带路径

$('input[type=file]').val()

var filename = $('input[type=file]').val().split('\\').pop();

或者您可以这样做（因为出于安全原因，始终添加 C:\fakepath）：

var filename = $('input[type=file]').val().replace(/C:\\fakepath\\/i, '')

使用 jQuery 的文件输入的完整路径

由于安全原因，您无法读取 js 中的完整文件路径。