我正在尝试弄清楚如何将文件从我的 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");
}