从输入中获取文件路径[重复]答案

【问题标题】：Get File Path from Input [duplicate]从输入中获取文件路径[重复]
【发布时间】：2020-01-07 10:11:23
【问题描述】：

我想从一个可选的 csv 文件中显示一个 Highcharts 图表，为此我需要它的路径。

我有一个非常简单的输入，如下所示：

<div class="form-group">
    <label for="file">Choose File</label>
    <input type="file" id="file (change)="function($event.target.files)">
</div>

现在，是否有可能从此输入中获取文件路径？还有其他方法可以让用户选择文件并获取其路径吗？

【问题讨论】：

看起来您从stackoverflow.com/questions/47936183/angular-file-upload 获取了代码。为什么不遵循其余的答案？
我要上传文件的路径。我认为另一个答案只是用于上传文件，但没有描述如何找出它的路径。
在那个答案中，$event.target.files 似乎包含文件名

标签： angular

【解决方案1】：

来源：

How to get full path of selected file on change of <input type=‘file’> using javascript, jquery-ajax?

出于安全原因，浏览器不允许这样做，即浏览器中的 JavaScript 无法访问文件系统，但是使用 HTML5 文件 API，只有 Firefox 提供 mozFullPath 属性，但如果您尝试获取该值，它会返回一个空字符串：

$('input[type=file]').change(function () {
    console.log(this.files[0].mozFullPath);
});

所以不要浪费你的时间。

edit：如果您需要文件的路径来读取文件，您可以使用 FileReader API。这是关于 SO 的相关问题：在上传之前预览图像。

【讨论】：