在新选项卡中打开文件

Question

如何在BLAZOR的新选项卡中打开文件(pdf或图像(？

我尝试使用：

1. await JSRuntime.InvokeVoidAsync("open", new object[2] { path, "_blank" });
2. using a javascript function with window.open();

在这两种情况下，我都得到：找不到此localhost页面。我该怎么办？

Answer 1

检查图像的正确扩展名或URL路径是否正确。

您可以遵循以下示例：

$(document).ready(function(){
$('img.image').click(function(){
window.open($(this)[0].src, '_blank')
});
});

Answer 2

我可以建议两个选项：

1. 通过按钮

@inject IJSRuntime jsRuntime
<button @onclick="@LoadPage">Load Page</button>
@code {
async Task LoadPage()
{
await jsRuntime.InvokeAsync<object>("open", "MyPage", "_blank");
}
}

2. 通过链接

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

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

@page "/MyPage"

Answer 3

如果您想打开一个选项卡，可以使用它。

HTML:

<a href=".pdf" target="_blank"></a>

您需要填写您想去的地方的href