在 blazor wasm 中，如何在不更改当前 url 的情况下使用 a 标签下载文件答案

【问题标题】：in blazor wasm how to download a file using the a tag without changing the current url在 blazor wasm 中，如何在不更改当前 url 的情况下使用 a 标签下载文件
【发布时间】：2021-11-16 05:47:08
【问题描述】：

我在页面上有一个模板。

我希望用户能够在不更改当前页面的 url 的情况下下载它。

我的代码很简单

<a href="@FileLink()" download>@FileName</a>

FileLink() 是一个返回相对文件路径和名称的函数。

一切正常，除了页面的 url 因 FileLink() 返回后跟“？”而发生更改

【问题讨论】：

这不是<a download> 的行为方式。设置minimal reproducible example 否则就没有发生。
如果我删除下载属性 @FileName 也会出现同样的问题
“问题”在我的电脑上完全没有问题。阅读minimal reproducible example

标签： blazor webassembly

【解决方案1】：

我终于在网上找到了解决办法。

简单的解决方案：

"方法2 - 制作带有下载属性的标签，然后... target="_top" 属性！避免截取 URL 导航通过 Blazor，我们可以使用 hack。

技巧是，将 target="_top" 属性添加到标签中。下载

Blazor 在某些情况下不会拦截 URL 导航，并添加 target="_top" 属性就是其中一种情况。

此解决方案非常简单，并且可以按预期正常工作，非常完美。”

https://dev.to/j_sakamoto/implement-the-download-file-feature-on-a-blazor-webassembly-app-2f8p

所以我的最终标签看起来像

<a href="@FileLink()" download="@FileName" target="_top">@FileName</a>

【讨论】：

【解决方案2】：

您可以只制作一个按钮并使用 javascript 下载文件。

【讨论】：