如何从 ASP.NET 内核 Web API 接收文件并在不同的 ZC31C335EF37283C451B18BA0DD31 服务选项卡中显示

Question

我有一个 Web API 写在 .NET Core 中，它返回如下文件：

[Authorize]
[HttpGet("{id}")]
public async Task<IActionResult> GetFile(int id)
{
    var response = await _fileService.GetFile(id);

    Response.Clear();

    return File(response.FileByteArray, response.FileType, response.FileName);
}

public async Task<FileResponseDTO> GetFile(int fileId)
{
    using (var unitOfWork = _unitOfWorkFactory.CreateUnitOfWork())
    {
        var response = new FileResponseDTO();
        var file = await unitOfWork.FileRepository.GetFile(fileId);

        if (file != null)
        {
            string filePath = GetFilePath(file.FileName);

            response.FileByteArray = System.IO.File.ReadAllBytes(filePath);
            response.FileName = file.FileName;
            response.FileType = file.FileType; ;
        }

        return response;
    }
}

它返回一个文件，如下所示：

现在我想在服务中使用 Angular 和以下 function 来使用服务：

getFile(id: number): Observable<File> {
    return this.http.get<File>(
        this.uri + `/file/${id}`
    );
}

有人可以帮助如何使用这个 api 以及如何在 Chrome 中显示图像/文件？

谢谢。

Answer 1

您正在返回一个文件，该文件将适用于下载文件。 不要返回文件，而是将文件保存在项目中的某个位置，然后返回 angular 的路径。 然后显示图像 src 的路径。