前端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();
}
相关推荐
JarvanMo10 分钟前
天塌了?Flutter工程总监跑去苹果了?
前端
烛阴1 小时前
掌握 TypeScript 的边界:any, unknown, void, never 的正确用法与陷阱
前端·javascript·typescript
Jerry2 小时前
迁移到 Jetpack Compose
前端
FFF-X2 小时前
前端无感刷新 Token 的 Axios 封装方案
前端
qq_589568102 小时前
javaweb开发笔记—— 前端工程化
java·前端
gnip2 小时前
包管理工具的发展
前端
前端工作日常3 小时前
H5 实时摄像头 + 麦克风:完整可运行 Demo 与深度拆解
前端·javascript
韩沛晓4 小时前
uniapp跨域怎么解决
前端·javascript·uni-app
前端工作日常4 小时前
以 Vue 项目为例串联eslint整个流程
前端·eslint
程序员鱼皮4 小时前
太香了!我连夜给项目加上了这套 Java 监控系统
java·前端·程序员