在新選項卡中打開文件

Question

如何在 BLAZOR 的新選項卡中打開文件（pdf 或圖像）？

我嘗試使用：

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

在這兩種情況下我都得到：找不到這個本地主機頁面。 我應該怎么辦？

Answer 1

檢查圖像的正確擴展或 URL 路徑是否正確。

您可以按照以下示例進行操作：

$(document).ready(function(){

    $('img.image').click(function(){

        window.open($(this)[0].src, '_blank')

    });

});

Answer 2

如果你想打開一個標簽，你可以使用它。

HTML：

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

您需要填寫您想要 go 的位置的 href。

Answer 3

我可以建議兩個選項：

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">

您要啟動的 razor 頁面頂部有以下內容：

@page "/MyPage"