跨域文件下载无法获取文件名是因为浏览器安全限制禁止javascript读取跨域响应头（如content-disposition），需服务端配置access-control-expose-headers: content-disposition及cors头，前端再解析该头提取并解码filename字段。

JavaScript 中跨域文件下载无法获取文件名，本质是浏览器出于安全限制，禁止前端 JavaScript 读取跨域响应头（如 Content-Disposition），而该响应头通常包含原始文件名。直接用 a.href + download 或 fetch + Blob 下载时，若未显式指定 download 属性值，浏览器会回退为通用名称（如 download.bin）。

服务端配合：添加 CORS 响应头

这是最根本、推荐的解法。让服务端在返回文件时，同时带上必要的跨域和响应头声明：

• 必需：设置 Access-Control-Expose-Headers: Content-Disposition，允许前端 JS 读取该字段；
• 必需：设置 Access-Control-Allow-Origin: *（或具体域名）；
• 推荐：确保 Content-Disposition 值格式规范，例如：
  Content-Disposition: attachment; filename="report.pdf"; filename*=UTF-8''report.pdf

前端解析 Content-Disposition（需服务端已暴露）

使用 fetch 获取响应后，手动提取 filename：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 调用 response.headers.get('Content-Disposition')；
• 用正则匹配 filename[^;]*=([^;]+) 或更健壮的解析逻辑（兼容 filename* 和 UTF-8 编码）；
• 解码 filename* 中的百分号编码（如用 decodeURIComponent(escape(atob(...))) 或第三方库 content-disposition）；
• 构造 Blob 并创建临时 URL，用 <a download="xxx"></a> 触发下载。

兜底方案：服务端透传文件名到 URL 或响应体

当无法修改响应头（如调用第三方 API）时，可协商以下替代方式：

• 服务端在 URL 路径或查询参数中携带文件名，例如：/api/download?id=123&filename=订单汇总.xlsx；
• 服务端将文件名作为 JSON 响应体的一部分（需改用流式响应或二进制+元数据分离接口）；
• 前端按约定规则生成文件名，如根据请求参数拼接：`${type}-${Date.now()}.xlsx`，虽不精确但可用。

注意 iframe 方案已不适用

过去有人用隐藏 iframe 加 src 跳转实现跨域下载，但现代浏览器（Chrome 80+、Firefox）已禁用该方式触发下载，且完全无法获取文件名，不建议采用。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南