前端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();
}
相关推荐
恋猫de小郭12 分钟前
Amper 正式转正 Kotlin Toolchain ,Gradle 未来何去何从
android·前端·flutter
敲代码的彭于晏19 分钟前
Bean 生命周期完全图解:前端同学也能看懂的 Spring 核心机制
java·前端·后端
IT_陈寒25 分钟前
Redis内存飙升的锅,原来是我没搞懂这个过期策略
前端·人工智能·后端
云浪32 分钟前
前端二进制数组完全指南:ArrayBuffer、TypedArray、DataView 一次讲透
前端·javascript
张风捷特烈34 分钟前
Flutter 类库大揭秘#02 | path_provider 各平台实现
前端·flutter
铁皮饭盒1 小时前
26年bunjs, elysia+pg一把梭, redis都省了
前端·javascript·后端
lichenyang45314 小时前
Docker 学习笔记(一):为什么需要镜像、容器和仓库?
前端
kyriewen14 小时前
别再对着 TypeScript 报错发呆了:我把 10 个最常见的红色波浪线翻译成了人话
前端·javascript·typescript
IT_陈寒14 小时前
SpringBoot自动配置的坑,我的API突然就404了
前端·人工智能·后端