如何從 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 的路徑。