当前位置: 首页 > article >正文

reac 后端接口返回二进制文件流前端导出文件

axios配置

在你的请求中加入
responseType:'blob'

导出函数

export interface DownloadFileOptions {
    filename: string; //文件名称
    
  }
  
  /**
   * 下载二进制文件流
   * @param data - 二进制数据
   * @param options - 下载配置
   */
  export const downloadBinaryFile1 = (
    data: any,  // 这里使用 any 是因为后端返回的数据类型可能不一致
    options: DownloadFileOptions
  ): void => {
    const sset=new Blob([data])
    const url = window.URL.createObjectURL(sset);
    const filename=options.filename
      const link = document.createElement('a');
      link.href = url;
      link.download = filename;
      
      // 触发下载
      document.body.appendChild(link);
      link.click();
      // 清理并移除元素和创建的URL
      document.body.removeChild(link);
      URL.revokeObjectURL(url);
  };

http://www.kler.cn/a/511369.html

相关文章:

  • RabbitMQ实现延迟消息发送——实战篇
  • [LeetCode] 哈希表 I — 242#有效的字母异位词 | 349#两个数组的交集 | 202#快乐数 | 1#两数之和
  • 第5章:Python TDD定义Dollar对象相等性
  • 计算机网络 (51)鉴别
  • JSON数据格式的序列化和反序列化jackson针对首字母小学的字段返回序列化后第2个大写字母也变成小写的问题处理
  • 【人工智能】:搭建本地AI服务——Ollama、LobeChat和Go语言的全方位实践指南
  • 主控制器与子模块通讯协议
  • 要获取本地的公网 IP 地址(curl ifconfig.me)
  • 【Compose multiplatform教程】05 IOS环境编译
  • Linux(DISK:raid5、LVM逻辑卷)
  • 基于GRU实现股价多变量时间序列预测(PyTorch版)
  • 数据结构-顺序表链表经典OJ题
  • RabbitMQ集群安装rabbitmq_delayed_message_exchange
  • 【数据库知识】PostgreSQL介绍
  • 学英语学技术: jmeter插件管理器
  • nginx 配置防爬虫
  • 83.删除排序链表中的重复元素 python
  • sqlfather笔记
  • DQN【算法+代码】玩openai gym库游戏
  • 创建react18版本脚手架报错
  • SparseInst实例测试(含cuda10.1、pytorch1.8、detectron2安装过程)
  • C#中的语句
  • 【HTTP】详解
  • STL--set(集合)
  • 一文大白话讲清楚webpack基本使用——2——css相关loader的配置和使用
  • JVM 面试八股文