前端js通过a标签直接预览pdf文件,弹出下载页面问题

某些浏览器(如Chrome)会优先尝试打开PDF文件,即使设置了download属性 。此时可以通过设置响应头强制触发下载,如果是get请求的话,直接可以在后面添加?response-content-disposition=attachment参数:

javascript 复制代码
// 下载
const onDownload = (record) => {
    const aLink = document.createElement("a");
    aLink.style.display = "none";
    aLink.href = ${record.filePath}?response-content-disposition=attachment
    aLink.download = record.fileName
    document.body.appendChild(aLink);
    aLink.click();
    aLink.remove();
}
相关推荐
鬼手点金3 分钟前
如何选择模型
java·前端·人工智能·git·深度学习
恋猫de小郭5 分钟前
Dart 3.15 新特性:this 终于支持类型提升了
android·前端·flutter
IT_陈寒20 分钟前
Vue开发实战:从入门到精通
前端·人工智能·后端
znnnk36 分钟前
2026 前端工程化新纪元:Rust 重塑工具链,AI Agent 接管流水线
前端·人工智能·rust
王大师王文峰1 小时前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5
开开心心就好1 小时前
安卓PDF处理工具,免费无广告零弹窗
android·服务器·开发语言·算法·pdf·ocr
风骏时光牛马1 小时前
AI_Coding:智能代码创作助手
前端
剪刀石头布啊10 小时前
vue-react为何要虚拟dom
前端
剪刀石头布啊10 小时前
ahooks常用的一些库,我们使用一下
前端
剪刀石头布啊10 小时前
从git更新本地提交记录到更新已经推送到远端记录
前端