Blazor .NET Core中PDF无法在新标签页打开的解决方案咨询

数据老陈

2026-7-25

解决方案：Blazor .NET Core 中在新标签页打开PDF

核心问题是你传递给window.open的是服务器本地物理路径，浏览器无法直接访问服务器文件系统，必须转换成网站可访问的相对URL，以下是具体实现步骤：

1. 将物理路径转换为相对URL

利用IWebHostEnvironment获取wwwroot的根路径，截取wwwroot之后的部分作为相对URL：

// 在组件中注入IWebHostEnvironment和IJSRuntime
private readonly IWebHostEnvironment _webHostEnv;
private readonly IJSRuntime _jsRuntime;

// 构造函数注入依赖
public YourComponent(IWebHostEnvironment webHostEnv, IJSRuntime jsRuntime)
{
    _webHostEnv = webHostEnv;
    _jsRuntime = jsRuntime;
}

// 转换物理路径为网站可访问的相对URL
private string GetRelativePdfUrl(string physicalPath)
{
    var wwwrootRoot = _webHostEnv.WebRootPath;
    // 替换wwwroot物理路径，转换为URL格式的相对路径
    var relativePath = physicalPath.Replace(wwwrootRoot, string.Empty)
                                   .Replace("\\", "/");
    // 确保路径以斜杠开头，指向网站根目录
    return relativePath.StartsWith("/") ? relativePath : $"/{relativePath}";
}

2. 调用JavaScript打开新标签页

通过IJSRuntime调用window.open，传入转换后的相对URL：

private async Task OpenPdfInNewTab(string physicalPdfPath)
{
    var pdfUrl = GetRelativePdfUrl(physicalPdfPath);
    // 打开新标签页，添加noopener、noreferrer参数提升安全性
    await _jsRuntime.InvokeVoidAsync("window.open", pdfUrl, "_blank", "noopener,noreferrer");
}