Javascript 在新选项卡中打开文件

Javascript 在新选项卡中打开文件,javascript,c#,html,blazor,Javascript,C#,Html,Blazor,如何在BLAZOR的新选项卡中打开文件(pdf或图像) 我尝试使用: wait JSRuntime.InvokeVoidAsync(“打开”,新对象[2]{path,“\u blank”}) 对window.open()使用javascript函数 在这两种情况下,我都得到:找不到这个localhost页面。我该怎么办?检查图像的正确扩展名或URL路径是否正确 您可以按照以下示例进行操作: $(document).ready(function(){ $('img.image').cli

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

我尝试使用:

  • wait JSRuntime.InvokeVoidAsync(“打开”,新对象[2]{path,“\u blank”})
  • 对window.open()使用javascript函数

  • 在这两种情况下,我都得到:找不到这个localhost页面。我该怎么办?

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

    您可以按照以下示例进行操作:

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

    如果你想打开一个标签,你可以使用这个

    HTML:

    
    

    您需要在href中填写您想去的地方。

    我可以建议两个选项:

  • 通过按钮
  • @inject IJSRuntime
    加载页
    @代码{
    异步任务加载页()
    {
    等待jsRuntime.InvokeAsync(“打开”、“我的页面”、“空白”);
    }
    }
    
  • 通过链接
  • 
    
    要启动的razor页面顶部有以下内容:

    @page”/MyPage
    
    文件来自何处?如果您有直接来自文件系统的路径,您可以在base64中转换文件,并在打开的窗口中显示blob url。或者,如果您的文件与本地主机位于同一服务器上,您可以使用本地主机服务器的相对路径
    <a href=".pdf" target="_blank"></a>