前端下载功能

1.创建a标签并点击

let a = document.createElement('a');
a.href =url;
a.download = 'name.xlsx';
a.click();

2.如果只是替换了当前路由并预览的话,可以强制浏览器下载

var pdfUrl = "" // 替换为你的PDF文件链接
fetch(pdfUrl).then(response => response.blob()).then(blob => {var link = document.createElement('a');link.href = window.URL.createObjectURL(blob);link.download = row.name;  // 你想要保存的文件名document.body.appendChild(link);link.click();document.body.removeChild(link);}).catch(error => console.error('Error downloading the PDF:', error));

原因:有些浏览器的默认行为导致

1.服务器响应头:如果服务器返回的响应头重包含 Content-Disposition: inline 或未设置,浏览器则会倾向于直接预览文件而不是下载。这种情况下也可以设置响应头位Content-Dispositionin: attachment,这样浏览器就会提示用户下载文件
2.文件类型:PDF等文件类型有默认的预览行为,这种情况下,即使设置了download
,有时候也会优先进行预览。​​​​​​

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/16735.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AC/DC电源模块:提供高质量的电力转换解决方案

BOSHIDA AC/DC电源模块:提供高质量的电力转换解决方案 AC/DC电源模块是一种电力转换器件,可以将交流电转换为直流电。它通常用于各种电子设备和系统中,提供高质量的电力转换解决方案。 AC/DC电源模块具有许多优点。首先,它能够提…

让大模型变得更聪明:人工智能的未来发展之路

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

以JVM新特性看Java的进化之路:从Loom到Amber的技术篇章

引言: JVM的最新特性通过在效率、功能和易用性方面的创新,对Java的未来发展产生了深远的影响。以下是几个关键特性如何塑造了Java的未来: 正文: 轻量级并发 - 项目Loom: 项目Loom通过引入虚拟线程(也被称为…

飞桨图像识别套件PaddleClas安装

安装验证 使用以下命令可以验证 PaddlePaddle 是否安装成功。 import paddle paddle.utils.run_check() 查看 PaddlePaddle 版本的命令如下: python -c "import paddle; print(paddle.__version__)" 安装 PaddleClas 及其 Python 依赖库 [建议] 直接…

江苏职称申报大揭秘:你所不知道的那些细节

大家好!今天我将带大家深入探索江苏职称申报的一些你可能从未关注过的细节。对于在江苏工作的工程类小伙伴们来说,这些信息或许能助你一臂之力,让你在职称申报的道路上更加顺畅。 我们要明确的是,江苏省的工程类职称申报主要有三种…

每日一题——只需一行Python秒杀:PAT乙级1009 说反话!但不能故步自封!(举一反三+思想解读+逐步优化)

一个认为一切根源都是“自己不够强”的INTJ 个人主页:用哲学编程-CSDN博客专栏:每日一题——举一反三Python编程学习Python内置函数 Python-3.12.0文档解读 目录 我的写法 各部分功能分析: 综合时间复杂度 综合空间复杂度 总结 思路…

Oracle可视化性能图表之 “CPU 内存 网络等数据性能分析”

Oracle 性能视图查看系统CPU 内存 磁盘 存储等性能指标主要保存在 V$SYSMETRIC_HISTORY及DBA_HIST_SYSMETRIC_HISTORY 相关视图上。 此次我们以网络带宽传输速率: 例如:目标是在Data Guard环境中尽可能快地传输和应用重做。为了实现这一点,…

读人工智能时代与人类未来笔记15_改变人类经验

1. 认识世界的方式 1.1. 信仰 1.2. 理性 1.2.1. 理性不仅革新了科学,也改变了我们的社会生活、艺术和信仰 1.2.2. 在其浸染之下,封建等级制度瓦解了,而民主,即理性的人应该自治的理念崛起了 1.3. 人工智能 1.3.1. 这种转变将…

大数据开发面试题【Kafka篇】

83、介绍下Kafka,Kafka的作用?Kafka的组件?适用场景? kafka是一个高吞吐量、可扩展的分布式消息传递系统,在处理实时流式数据,并能够保证持久性和容错性 可用于数据管道、流分析和数据继承和关键任务应用(发布/订阅模式&#…

Kafka 集群部署(CentOS 单机模拟版)

0.前置说明 由于我们手里只有一台Linux机器,所以我们实现的是简单的单机模拟的集群部署,通过修改配置文件,启动 3 个 kafka 时用到 3 个不同的端口(9091,9092,9093)。 1.安装Java11 切换到你…

链接库文件体积优化工具篇:bloaty

笔者之前参与过一个嵌入式智能手表项目,曾经碰到过这样一个问题:手表的flash大小只有2M,这意味着只能在上面烧录2M大小的代码。随着开发不断进行,代码越写越多,编译出来的bin也越来越大。最后bin大小超过了2M, 就没法烧…

Vue3+Ant design 实现Select下拉框一键全选/清空

最近在做后台管理系统项目的时候,产品增加了一个让人非常苦恼的需求,让在Select选择器中添加一键全选和清空的功能,刚开始听到的时候真是很懵,他又不让在外部增加按钮,其实如果说在外部增加按钮实现全选或者清空的话&a…

3、python安装-linux系统下

安装前置依赖软件,安装完成后,打开官网,下载linux系统下的python安装包: 选择最新的版本 点击最新版本,进入版本对应的界面, 选择第一个进行源码的编译,右键选择复制连接地址, 回到终…

HTML+CSS+JS(web前端大作业)~致敬鸟山明简略版

HTMLCSSJS【动漫网站】网页设计期末课程大作业 web前端开发技术 web课程设计 文章目录 一、网站题目 二、网站描述 三、网站介绍 四、网站效果 五、 网站代码 文章目录 一、 网站题目 动漫网站-鸟山明-龙珠超 二、 网站描述 页面分为页头、菜单导航栏(最好可下拉&…

CDC 数据实时同步入湖的技术、架构和方案(截至2024年5月的现状调研)

近期,对 “实时摄取 CDC 数据同步到数据湖” 这一技术主题作了一系列深入的研究和验证,目前这部分工作已经告一段落,本文把截止目前(2024年5月)的研究结果和重要结论做一下梳理和汇总。为了能给出针对性的技术方案&…

Redis和MySQL的结合方式

Redis和MySQL的结合方式可以多样化,以满足不同的应用需求。以下是几种常见的结合方式,以及它们的特点和适用场景: 缓存数据库查询结果: 应用程序首先尝试从Redis中查询数据。如果Redis中没有所需数据,则从MySQL数据库中…

ESP32-C6接入巴法云,Arduino方式

ESP32-C6接入巴法云,Arduino方式 第一、ESP32-C6开发环境搭建第一步:安装arduino IDE 软件第二步:安装esp32库第三:arduino 软件设置 第二:简单AP配网程序第一步:程序下载第二步:程序使用第三步…

电脑微信群发 500 1000人以上怎么群发,微信营销群发助手软件,本人亲测,增加十倍业绩!!!

今天给大家推荐一款我们目前在使用的电脑群发工具掘金小蜜,不仅可以无限多开,方便你同时管理多个账号,群发功能更是十分强大,轻松释放你的双手。 掘金小蜜(只支持Win7及以上操作系统,没有推Mac版和手机客户…

[码蹄集新手训练营]MT1016-MT1020

目录 题号MT1016 宽度与对齐MT1017 左右对齐MT1018 输入宽度MT1020 %s格式符 题号 MT1016 宽度与对齐 #include<stdio.h> int main() { printf("%-5d %5d\n%-5d %5d\n%-5d %5d",455,455,-123,-123,987654,987654);return 0; }MT1017 左右对齐 #include<s…

Mac | macOs系统安装Monuty解决外接u盘ntfs读写问题

问题 mac电脑的macOs系统无法将文件读写入外接u盘或硬盘中&#xff1b; 解决方案 安装Monuty 官网&#xff1a;mounty官网 下载软件 安装其他配置 macbook:~ uwe$ brew install --cask macfuse macbook:~ uwe$ brew install gromgit/fuse/ntfs-3g-mac macbook:~ uwe$ brew…