Angular 从输入获取文件路径

Angular 从输入获取文件路径,angular,Angular,我想从一个可选择的csv文件中显示Highcharts图形,为此我需要它的路径 我有一个非常简单的输入,如下所示: <div class="form-group"> <label for="file">Choose File</label> <input type="file" id="file (change)="function($event.target.files)"> </div> 选择文件 资料来源:

我想从一个可选择的csv文件中显示Highcharts图形,为此我需要它的路径

我有一个非常简单的输入,如下所示:

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

选择文件
资料来源:

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

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

所以不要浪费你的时间


编辑:如果需要读取文件的路径,可以使用FileReader API。这里有一个关于SO的相关问题:在上传图像之前预览图像。

看起来您是从中获取代码的。为什么不按照下面的答案做呢?我想要上传文件的路径。我认为另一个答案只是上传一个文件,但没有说明如何找到它的路径。在这个答案中,
$event.target.files
似乎包含文件名