前端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();
}
相关推荐
小飞侠是个胖子6 分钟前
在 WebGL 中构建高性能 3D 沉浸式系统的三套高阶方案
前端·3d
wh_xia_jun8 分钟前
Vue3 + Vitest 浏览器测试 从零开发指南
前端·javascript·vue.js
FlyWIHTSKY10 分钟前
区块链前端技术栈介绍
前端·区块链
唐青枫11 分钟前
别再让 key 写成字符串:TypeScript keyof 从入门到实战
前端·javascript·typescript
daanpdf15 分钟前
专科英语A级和B级考试历年真题试卷及答案PDF电子版
pdf
一点一木8 小时前
深度体验TRAE SOLO移动端7天:作为独立开发者,我把工作流揣进了兜里
前端·人工智能·trae
天外飞雨道沧桑8 小时前
TypeScript 中 omit 和 record 用法
前端·javascript·typescript
Lee川9 小时前
mini-cursor 揭秘:从 Tool 定义到 Agent 循环的完整实现
前端·人工智能·后端
canonical_entropy9 小时前
从 Spec-Driven Development 到 Attractor-Guided Engineering
前端·aigc·ai编程
研☆香9 小时前
聊聊前端页面的三种长度单位
前端