首页 > 其他分享 >前端几种下载文件的方式

前端几种下载文件的方式

时间:2023-07-26 18:13:03浏览次数:36  
标签:文件 浏览器 方式 标签 前端 几种 href 下载

1、location.href方式下载

对于浏览器不能打开的文件(例如:..rar .doc等)是可以实现下载的,但是对于浏览器可以打开的(例如:txt,xml等)只可以实现预览功能

window.location.href = "https://xxxx...测试.xlsx"

2、window.open()

该方式,同上,如果不能被预览,那么浏览器就会下载该文件

3、a标签(可以直接下载)

a标签的href属性指定下载文件的路径,需要给a标签添加一个download属性,download指定下载文件保存时的名称

<a href="xxxxxx"    download="测试.xlsx"></a>

以上三种都是通过加载文件url直接下载,如果后端返回文件流,则需要先转换为url在下载

4、文件流方式下载

   res.data  为后端返回给我们的文件流

  type  类型可以自己定义,例如xlsx文件格式:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

  

 

标签:文件,浏览器,方式,标签,前端,几种,href,下载
From: https://www.cnblogs.com/yihuanhuan/p/17583229.html

相关文章

  • 推荐数十款优质 Mac 软件下载网站 - 从此告别软件荒
    一直有小伙伴在寻找Mac的软件,今天给大家整理并罗列了下面近10个站点,从我个人的角度着重去分析了几个站点的优缺点,大家可以亲自去浏览浏览体验一下一、hereitis优点该站点界面优美,干净整洁,拥有白昼、暗夜两种模式,重要的是资源多且都附带安装教程及相关文章。综合来说算的上是......
  • vscode历史版本下载
    问题vscode下载历史版本解决下载最新releasehttps://code.visualstudio.com/Download下载历史版本https://code.visualstudio.com/updates......
  • Nessus 10.5.3 漏洞扫描器的下载安装与卸载
    测试环境Kali2023.2本教程使用脚本进行自动化安装、破解文章地址:https://www.iculture.cc/software/pig=25546#wznav_7偶然发现,特别好用先给一份已改好的Nessus_install_LINUX.sh下载安装Nessus先将脚本下载到Kali本地mkdirnessus&&cdnessus&&wget-ONessus......
  • 前端之localStorage
    问题:同一个浏览器同时打开两个saas,发现localStorge共用同一个,相同key值的存储会相互覆盖原因:同一域名下,localStorage共享解决方法:不同saas使用不同的key下面介绍一下localStorage特性:1、永久存储,除非主动删除2、同一域名下可以多窗口共享3、键值对存储,方便管理使用:引入......
  • 记录一次windbg定位dump问题——livekd真是很好用,自动下载symbols
    下载LiveKd和windbg,其中livekd运行时候,设置下symbols目录:LiveKdv5.63-Executekd/windbgonalivesystemSysinternals-www.sysinternals.comCopyright(C)2000-2020MarkRussinovichandKenJohnsonSymbolsarenotconfigured.WouldyoulikeLiveKdtosetth......
  • 前端视角的可观测性(一)
    TL;DRGartner将应用可观测性列为2023年重要战略趋势之一。作为开发者,即便没有专精此道。但了解一下,还是有必要的。前言最近,我所在的产品组,将完善监控系统,放入了版本规划中。趁此良机,了解了一波可观测性相关的背景和技术。同时,对原有的监控方式,进行了一定的改造。可观测性......
  • InDesign (ID) 2018排版设计软件下载和安装教程
    InDesign软件是一个定位于专业排版领域的设计软件,是面向公司专业出版方案的新平台,由Adobe公司于1999年9月1日发布。它是基于一个新的开放的面向对象体系,可实现高度的扩展性,还建立了一个由第三方开发者和系统集成者可以提供自定义杂志、广告设计、目录、零售商设计工作室和报纸出版......
  • 使用Memcached、Spring AOP构建数据库前端缓存框架
     上回说到Memcahed的安装及java客户端的使用(http://my249645546.iteye.com/blog/1420061),现在我们使用memcached、SpringAOP技术来构建一个数据库的缓存框架。数据库访问可能是很多网站的瓶颈。动不动就连接池耗尽、内存溢出等。前面已经讲到如果我们的网站是一个分布式的大型站......
  • 仿奈雪の茶小程序,奶茶小程序模板源码(附全套源码下载链接)
    分享一个仿奈雪の茶小程序,奶茶小程序模板源码(兼容H5版本全网首发)完美复刻奈雪の茶小程序,可稍加修改使用。代码结构如下本项目包含:首页点餐(自取和外卖两种方式,有基本的点餐逻辑处理)取餐我的积分商城积分商城详情页积分签到会员码我的卡券收货地址我的资料我的订......
  • 目前为止整理最全的前端监控体系搭建篇(长文预警)
    参考:https://cloud.tencent.com/developer/article/1983779https://github.com/miracle90/monitorhttps://wpk.ucweb.com/index 概览为什么要做前端监控前端监控目标前端监控流程编写采集脚本日志系统监控错误监控接口异常白屏监控加载时间性能指标卡顿pv......