Asp Core serve file via Web Api



我正在尝试弄清楚如何将文件从我的 web api 传输到我的 angular 5 前端并下载它。

我的 Angular 5 前端很简单(我正在使用 FileSaver 包来提供帮助(:

文件下载.组件.html

<button (click)="downloadFile(document)">Download</button>

文件下载.component.ts

downloadFile(document) {
    this.http.get("http://localhost:8080/"+document.id+).subscribe(
     data => {
          const dataFile = data;
          saveAs(dataFile, document.filename);
     },
     err => { console.info(err); }
     );
}

在我的网络 api 上,我不知道如何构建响应。到目前为止,我只有:

[HttpGet("{id}"]
public async Task<IActionResult> GetFile(Guid id) {
    var testFileInfo = _dbcontext.UploadedFile.GetById(id);
    var filePath = Path.Combine("C:FileRepo", testFileInfo.Filename);
    // what do i do here? i got no clue
    throw new NotImplementedException();
}

我尝试在网上尝试各种示例,但似乎没有任何效果。

这个想法是,Web api 会将任何范围的文件提供回前端,具体取决于服务器上的内容。

在此阶段,文件大小范围从 100kb 到 50mb,一旦我实现了多个文件的存档和压缩,文件可能会更大。

如果您希望 API 返回文件,可以使用以下简单代码:

[HttpGet("{id}")]
public IActionResult Get(Guid id)
{
    var bytes = System.IO.File.ReadAllBytes(@"YourFilePAth");
    return File(bytes, "application/octet-stream", "YourFileName.extension");
}

使用流更明智:

[HttpGet("{id}")]
public IActionResult Get(Guid id)
{
    var stream = System.IO.File.OpenRead(@"YourFilePAth");
    return File(stream, "application/octet-stream", "YourFileName.extension");
}

最新更新