Blazor WASM 托管 - 如何使用 HttpPost 下载文件

Question

我有一个 Blazor WASM 托管应用程序，该应用程序有一个 API 端点，该端点接受正文中的模型。然后，控制器将模型的属性转换为 PDF 并返回 FileStreamResult。

由于我有请求正文内容，所以它必须是一个HttpPost方法；但是，我只看到使用 HttpGet 调用下载的示例。

就目前而言，我只在响应内容中获取 pdf 二进制数据。我可以使用此设置触发浏览器下载吗？还是我需要手动将byte[] 转换为客户端上的文件？

服务器控制器：

[HttpPost("DownloadPdf")]
public async Task<FileStreamResult> DownloadPdf(DownloadPdfModel model)
{
    try
    {
        var title = $"{model.Id}-{model.Description}";
        var filename = $"{title}.pdf";
        var doc = await _pdfService.HtmlToPdf(model.Html);

        return File(doc.Stream, "application/pdf", filename);
    }
    catch (Exception)
    {
        return null;
    }
}

客户端 Http 服务：

public async Task DownloadPdf(DownloadPdfModel model)
{
    var content = new StringContent(JsonConvert.SerializeObject(model), System.Text.Encoding.UTF8, "application/json");

    using var response = await _httpClient.PostAsync("api/FooBar/DownloadPdf", content);

    response.EnsureSuccessStatusCode();

    var result = await response.Content.ReadAsStreamAsync();
    // Can I invoke the browser download here or manually using System.IO?
}

Answer 1

您可以使用此软件包：https://github.com/arivera12/BlazorDownloadFile。 这是一些示例代码，其中 httpResponseMessage 是来自服务器的包含文件内容的响应，在我的例子中，它将它作为 Excel 文件“下载”到浏览器中。

            if (httpResponseMessage.IsSuccessStatusCode)
            {
                byte[] bytes = await httpResponseMessage.Content.ReadAsByteArrayAsync();

                await BlazorDownloadFileService.DownloadFile("filename.xlsx",
                    bytes,
                    contentType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
            }