前端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();
}
相关推荐
召摇4 分钟前
Nue.js深度解析:极简主义前端框架的革新实践
前端·node.js
小徐_23337 分钟前
uni-app 也能使用 App.vue?wot-starter 是这样实现的!
前端·uni-app
入秋8 分钟前
Three.js后期处理实战:镜头颜色、色差、点阵与颜色管道的深度解析
前端·three.js
深圳外环高速8 分钟前
企业微信和页面离开事件
前端
召摇10 分钟前
NodeBB 深度解析:现代论坛系统的架构设计与实践指南
前端·javascript
哆啦A梦158824 分钟前
uniapp分包实现
前端·vue.js·uni-app·vue3
wordbaby28 分钟前
Hooks的革命:让React的非UI逻辑也能像UI组件一样自由复用和组合
前端·react.js
flower_tomb1 小时前
对浏览器事件机制的理解
前端·javascript·vue.js
用户458203153171 小时前
使用Trae做一个简单的天狗食日动画效果试试
前端·trae
普通码农1 小时前
Vue Element Plus X 部署后资源加载失败问题
前端