首页 > 其他分享 >前端文件导出

前端文件导出

时间:2022-12-27 16:12:42浏览次数:39  
标签:body 文件 eLink 前端 导出 api blob download document

常规的办法,一般是用 a 标签,有一下可以下载的固定地址。也有的是通过 api 来下载的,但是要配置一下  responseType,

export function downloadFile(id: string) {
  return axios.get(`/v1/storages/${id}/download`, { responseType: "blob" })
}

  配置后返回的数据

 

 配置前返回的数据

 

 api 下载文件

 api(ids).then((response: Record<string, any>) => {
        const blob = new Blob([response.data])
        const eLink = document.createElement('a')
        eLink.download = fileType
        eLink.style.display = 'none'
        eLink.href = URL.createObjectURL(blob)
        document.body.appendChild(eLink)
        eLink.click()
        URL.revokeObjectURL(eLink.href)
        document.body.removeChild(eLink)
      })

  

 

标签:body,文件,eLink,前端,导出,api,blob,download,document
From: https://www.cnblogs.com/ruose/p/17008270.html

相关文章

  • C# 文件读取FileHelper
    usingSystem.IO;usingSystem.Text;namespaceCallno.Common{publicclassFileHelper{//定义一个用于保存静态变量的实例privatestat......
  • Linux中文件系统ext2和ext3有什么区别?
    Linux系统中,文件系统主要分为ext2、ext3、ext4等,各具有独特的优势,那么linux中为什么需要从ext2转换到ext3?主要有四个原因:可用性、数据完整性、速度、易于迁移,接下来是......
  • Java千问:Java源文件名称必须与类名相同吗?看完秒懂!
    ​我们在初学Java语言的时候,老师给我们讲的第一个例子往往是用记事本编写打印“HelloWorld”的程序。当写完程序后,老师一般都会要求我们把源文件的名称命名为与类名相同,比......
  • electron中使用adm-zip将多个excel文件压缩进文件夹,使用XLSX以及XLSXStyle生成带样式e
    需求:electron环境下想要实现根据多个表生成多个Excel文件,打包存入文件夹内并压缩下载到本地。(实际场景描述:界面中有软件工程一班学生信息、软件工程二班学生信息、软件工......
  • Linux解压rar文件
    1、在windows下我们压缩解压文件通常后缀为rar,然而在linux下我们压缩解压文件通常后缀为tar2、linux无法直接解压rar文件,需要下载rarlinux的安装包来实现3、下载并安装ra......
  • S3文件上传,默认公开(可通过对象url在公网访问)
    项目中需要上传图片至S3中,但是发现无论是通过AWS控制台上传的还是通过代码上传的,都无法通过url访问,都需要重新设置权限才可以,后来稍微研究了下,总结如下:1、设置存储桶的共......
  • 前端性能优化
    多使用内存,缓存或其他方法减少CPU计算量,减少网络加载耗时(适用于所有编程的性能优化---空间换时间) 让加载更快1.减少资源体积:压缩代码2.减少访问次数:合并代码。SSR服......
  • 远程桌面时无法复制粘贴文件或文字
    远程桌面时,无法向远程机器拷贝文件或者无法从远程机器复制文件到本机,有可能是rdpclip.exe未启动或者已启动但失效了。rdpclip是让rdp协议(远程桌面协议)可以通过远程复制......
  • 21、electron 在linux环境下打印pdf文件
    环境:"electron":"^22.0.0"、麒麟系统V10(sp1)1、思路:利用nodejs调linux的打印命令lp打印2、代码:constchildProcess=require("child_process");constsp=ch......
  • 作为前端你还不懂MutationObserver?那Out了
    ......