【问题标题】:How to get a local path of file from input file in angular7?如何从angular7中的输入文件获取文件的本地路径?
【发布时间】:2019-11-28 04:27:03
【问题描述】:

如何从 HTML 输入中获取文件的本地路径?

通过下面的代码我收到了

'C:\fakepath\fileTest.txt'

我需要一个本地路径以在 .netcore Web API 中发送到我的控制器,因为我必须在后端创建一个上传的文件。

我的.ts

fileChanged(e) {
    this.file = e.target.files[0];
    console.log('name of file' + this.file.name); // name of file
    console.log('path of file' + e.target.value); // path of file
}

uploadDocument(file) {
    let fileReader = new FileReader();
    fileReader.onload = (e) => {
    console.log(fileReader.result);
};
    fileReader.readAsText(file);
    console.log('sadasdas' + file);
}

我的.html

<div class="col-md-6">
      <p class="my-0">Attachements</p>
      <input type="file" (change)="fileChanged($event)" class="btn btn-secondary" appBootstrapErrors [formControlName]="formControlNames.ATTACHEMENTS">
</div>

【问题讨论】:

    标签: html angular typescript angular7


    【解决方案1】:

    出于安全原因,您无法从用户系统获取文件的文件路径。

    【讨论】:

    • 好的。那么如何将文件发送到我的控制器?我的控制器具有带有 DTO 的参数,该参数具有 IFormFile Attachements {get;set;} 之类的道具。如何通过 angular7 中的 HTML 输入发送文件?
    • 您需要创建一个FormData并将文件附加到它,然后您可以将您的文件发送到您的后端
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-22
    • 2013-12-20
    • 1970-01-01
    • 1970-01-01
    • 2020-01-07
    • 2015-10-26
    相关资源
    最近更新 更多