在新选项卡中打开 PDF - Blazor

Posted

技术标签:

【中文标题】在新选项卡中打开 PDF - Blazor【英文标题】:Open PDF in new Tab - Blazor 【发布时间】:2021-12-26 15:12:33 【问题描述】:

我想在新标签页中打开 PDF。以下代码适用于普通 html 文件,但不适用于 Blazor。有什么方法可以在 Blazor 中使用它,还是有其他方法可以在 Blazor 中打开 PDF?

<a href="Path" target="_blank">Read more</a>

【问题讨论】:

***.com/questions/37464577/… @Sergi 那是 MVC。寻找 Blazor 方式。 @MaxB - 你解决了吗? @SteveGreene 还没有。 【参考方案1】:

我可以建议两个选项:

通过按钮。

@inject IJSRuntime jsRuntime

<button @onclick="@LoadPage">Load Page</button>

@code 
    async Task LoadPage()
    
        await jsRuntime.InvokeAsync<object>("open", "MyPage", "_blank");
    

通过链接。

<a class="dropdown-item" href="MyPage" target="_blank">

您要启动的剃须刀页面顶部有以下内容:

@page "/MyPage"

【讨论】:

这是为了在我的 Blazor 页面之间进行路由,对吗?但我想打开一个 PDF。

以上是关于在新选项卡中打开 PDF - Blazor的主要内容,如果未能解决你的问题,请参考以下文章

在新的浏览器选项卡中打开 ResponseEntity PDF

如何使用html在新选项卡中打开指向pdf文件的链接

使用ajax在新选项卡中打开文件

从 C# 在新选项卡中打开页面

在 Angular 的新选项卡中打开 PDF

使用角度导航时,在新选项卡中打开链接未在新选项卡中打开