download属性是否生效取决于URL是否同源，仅对同源URL（含data:、blob:）有效；跨域时被静默忽略，需用Blob+createObjectURL绕过或服务端配合Content-Disposition响应头。
download 属性在 <a></a> 标签中是否生效取决于什么
它只对同源 URL（包括 data: 和 blob: 协议）起作用，跨域链接即使写了 download 属性，浏览器也会忽略并直接跳转或打开，不会触发下载。
常见错误现象：<a href="https://example.com/report.pdf" download="report.pdf">下载</a> 点击后仍在线预览或跳转，不弹保存框——这就是跨域导致的失效。
- 同源时，
download属性可指定保存文件名（如download="用户数据.csv"），否则浏览器用 URL 中的路径名 -
download值为空字符串（download=""）时，浏览器仍会尝试推导文件名，但不保证准确 - HTTP 响应头
Content-Disposition: attachment; filename=xxx的优先级高于download属性，两者同时存在时以后者为准（实际以响应头为准，download仅用于前端控制）
如何让非同源资源也支持强制下载
本质是绕过跨域限制：把远程资源先 fetch 下来，转成 Blob，再用 URL.createObjectURL() 创建本地 blob URL，最后绑定到 <a download></a>。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
示例逻辑：
async function forceDownload(url, filename) {
try {
const res = await fetch(url);
const blob = await res.blob();
const blobUrl = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = blobUrl;
a.download = filename || (url.split('/').pop() || 'download');
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(blobUrl); // 及时释放
} catch (err) {
console.error('下载失败:', err);
}
}
- 注意 fetch 跨域需服务端允许 CORS（
Access-Control-Allow-Origin），否则报TypeError: Failed to fetch - 大文件慎用此法，可能吃内存；超过几百 MB 建议后端直出带
Content-Disposition响应头 - IE 不支持
download属性和BlobAPI，需降级为window.open(url)或服务端生成临时 token 链接
服务端配合更可靠：用 Content-Disposition 响应头
前端无法绕过的限制，交给后端是最稳的方式。只要响应头包含 Content-Disposition: attachment; filename="xxx.pdf"，无论链接是否跨域、是否写 download，浏览器都会触发下载。
- Node.js（Express）示例：
res.setHeader('Content-Disposition', 'attachment; filename="report.pdf"'); - Nginx 静态文件强制下载：在 location 块中加
add_header Content-Disposition "attachment"; - 注意不要漏掉 MIME 类型设置（
Content-Type），否则部分浏览器可能误判格式
容易被忽略的细节：filename 编码问题
中文或特殊字符文件名在 Content-Disposition 或 download 属性里直接写会导致乱码或截断，尤其在 Safari 和旧版 Chrome 中。
- 服务端推荐用 RFC 5987 编码（
filename*=UTF-8''%E4%BD%A0%E5%A5%BD.pdf） - 前端用
download属性时，尽量避免中文名；若必须用，可简单 encodeURIComponent，但兼容性有限（Safari 15.4+ 才较好支持） - 测试时务必在 Safari、Chrome、Edge 多端验证，别只看 Chrome 表现
Content-Disposition；前端兜底方案要处理好 CORS、内存释放和浏览器兼容性。filename 编码这个点，上线前很容易漏测。 
