首页 > 其他分享 >JS 下载文件

JS 下载文件

时间:2023-09-20 17:24:11浏览次数:37  
标签:文件 const JS export result params link document 下载

一、背景

二、实现

点击查看代码
// 下载文件
export function downloadFile(obj, name, suffix) {
  const url = window.URL.createObjectURL(new Blob([obj]))
  const link = document.createElement('a')
  link.style.display = 'none'
  link.href = url
  const fileName = parseTime(new Date()) + '-' + name + '.' + suffix
  link.setAttribute('download', fileName)
  document.body.appendChild(link)
  link.click()
  document.body.removeChild(link)
}

使用

点击查看代码
exportDayStatistics(params).then(result => {
        downloadFile(result, '泥处理日报表', 'xlsx')
      }).finally(() => { this.crud.downloadLoading = false })
	  
	  
export function exportMonthStatistics(params) {
  return request.post(`api/reportMud/export/month`, params, {
    responseType: 'blob' // 这个记得写
  })
}

前提是 后端返回值result 返回是对应文件的输出流。

image

三、遇到的报错

四、参考博客

标签:文件,const,JS,export,result,params,link,document,下载
From: https://www.cnblogs.com/lcaiqin/p/17717833.html

相关文章

  • 使用dom4j解析xml文件及selectNodes取不到值问题解决
    参考文档:https://blog.csdn.net/PARADDD/article/details/131307189https://blog.csdn.net/weixin_37703598/article/details/81273199......
  • JS 构造树形
    一、背景List组装树形Tree二、实现点击查看代码listRolePurifySmalls().then(data=>{constlist=data||[]constmap={}list.forEach(item=>{letsmalls=map[item.divisionName]if(!smalls){smalls=[]......
  • [EFI]华硕 Asus VivoBook S510UA 电脑 Hackintosh 黑苹果efi引导文件
    此文章资源下载请前往黑果魏叔官网下载硬件型号驱动情况主板AsusVivoBookS510UABQ514T处理器IntelCorei5-8250UKabyLakeR8thGen.i5已驱动内存8GB(三星DDR42400MHz8GB)已驱动硬盘镁光_1100_MTFDDAV512TBN(512GB/固态硬盘)已驱动显卡IntelUHD620已驱动声卡C......
  • JS 将列表转成树形结构数据
    一、背景联调发现有些后端返回List但是前后需要转树形结构二、实现点击查看代码import_,{isArray}from'lodash'/***将列表转成树形结构数据*@paramnodes列表数据*@paramoptions可选参数,{idKey,pIdKey,childrenKey}*@returns{[]}树形结构数据......
  • nginx配置文件root 与 alias的区别
    假如服务器路径为:/home/imooc/files/img/face.pngroot路径完全匹配访问配置的时候为:location/imooc{ root/home}用户访问的时候请求为:url:port/imooc/files/img/face.pngalias可以为你的路径做一个别名,对用户透明配置的时候为:location/hello{ root/home/im......
  • 国产免费文件同步工具-微力同步
    一、概述 微力同步一款高效的数据传输工具,简单易用的多平台文件同步软件,惊人的传输速度是不同于其他产品的最大优势,微力同步的智能P2P技术加速同步,会将文件分割成若干份仅KB的数据同步,而文件都会进行AES加密处理。微力同步是一个功能强大、安全可靠的文件同步工具,适用于......
  • LabVIEW2023中文版labview中文版最新下载 各个版本下载
    NILabVIEW2020是一款专业的系统工程软件,用户界面友好,为用户提供了图形化编程方法,更好地进行可视化应用,如硬件配置、测量数据和调试等等方面。新版本简化了分布式测试、测量和控制系统的设计,引入了接口,且接口启用多种继承形式,大大提高用户的工作效率。软件地址:看置顶贴NILabVIEW......
  • Lumion12各版本软件安装包下载及安装教程 各个版本下载
    值得一提的是这些资源可以极大地帮助设计师创建出漂亮的场景,让客户更加直观地感受建筑和景观的效果。根据行业数据显示Lumion是一款功能强大的三维渲染软件,其中灯光系统是一个非常重要的部分。值得注意的是人们能够直接在自己的电脑上创建虚拟现实。通过渲染高清电影比以前更快,Lumi......
  • Lumion12中文版下载 Lumion 12 Pro(3D渲染软件) 各个版本下载
    Lumion是一款让你可以将你的设计从平面图变成了立体的软件。它可以把你的设计变成一个3D模型,让你可以在里面随意走动,就像你在现实中一样。这个软件非常容易使用,它不需要你有很多的技术知识,只需要你会使用鼠标和键盘就可以了。软件地址:看置顶贴特点:Lumion软件是一款强大的3D可视化工......
  • mastercam下载安装-mastercam软件下载 各个版本下载
    mastercam是一款非常不错的CAD/CAM设计制图软件,该软件是该系列的最新版本,新版本扩展了对创建和编辑网格实体的支持,现在所有基本函数都可以创建网格物体,此外,还在2D动态铣削,面积铣削或动态铣削刀具路径选择图形时,增加了新的自动区域,可根据所选的图形自动创建“加工”,“空切”或“避让......