如何控制浏览器新标签页打开的PDF文件名？

浏览器在新标签页打开inline模式的PDF时，默认不会将Content-Disposition头的FileName作为标签页标题/显示的文件名，而是依赖URL路径或内部生成的随机标识。以下是几种可行的解决方案：

方案1：前端处理Blob并修改标签页标题 #

通过前端接收PDF二进制数据转为Blob，在新标签页打开后直接修改页面标题，这是兼容性最好的方法：

// 示例：使用fetch请求PDF
fetch('/your-report-api-endpoint')
  .then(resp => resp.blob())
  .then(blob => {
    const blobUrl = URL.createObjectURL(blob);
    const newTab = window.open(blobUrl);
    
    // 等待标签页加载完成后设置标题
    newTab.onload = () => {
      newTab.document.title = `Report_${adNo}.pdf`;
    };
  });

此方法直接控制标签页显示的标题，用户能直观看到指定文件名，不受浏览器对Content-Disposition的解析差异影响。

方案2：优化后端Content-Disposition头 #

添加符合RFC 5987标准的filename*参数，提升现代浏览器对文件名的识别度：

byte[] pdf = report.Render("PDF");
HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);
response.Content = new ByteArrayContent(pdf);

var contentDisposition = new ContentDispositionHeaderValue("inline");
contentDisposition.FileName = $"Report_{adNo}.pdf";
// 添加UTF-8编码的扩展文件名参数
contentDisposition.FileNameStar = $"Report_{adNo}.pdf";

response.Content.Headers.ContentDisposition = contentDisposition;
response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/pdf");
return response;

Chrome、Firefox等现代浏览器会识别filename*参数，在新标签页显示指定文件名，但旧版浏览器可能不支持。

方案3：使用含文件名的URL路径 #

如果路由允许，可生成包含目标文件名的URL（如/reports/Report_123.pdf），后端根据该路径返回对应PDF。浏览器会自动以URL中的文件名作为标签页标题，这是最贴合浏览器默认行为的方案，但需要调整后端路由结构。

内容的提问来源于stack exchange，提问作者sahan lakmal