二进制流文件下载

2023-05-16

在做一些文件下载的时候,后端返回的二进制流文件,这里前端的兄弟姐妹就需要处理一下了。

直接上代码:

// 下载
export function download(id) {
  return request({
    url: `/rancher/download_contract/${id}`,
    method: "get"
  });
}
download(row.contractId).then(data => {
        // 二进制流转换
        downloadFile(data.data, "wasm"); // 前面的是流文件,后面的是文件后缀名
      });

downloadFile:

export function downloadFile(data, type){
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
        let blob = new Blob([data], {
            type: 'application/'+type
        })
        window.navigator.msSaveOrOpenBlob(blob, 
            new Date().getTime() + '.'+type)
    } else {
        /* 火狐谷歌的文件下载方式 */
        var blob = new Blob([data])
        var downloadElement = document.createElement('a')
        var href = window.URL.createObjectURL(blob)
        downloadElement.href = href
        downloadElement.download = new Date().getTime() + '.'+type
        document.body.appendChild(downloadElement)
        downloadElement.click()
        document.body.removeChild(downloadElement)
        window.URL.revokeObjectURL(href)
    }

}

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

二进制流文件下载 的相关文章

随机推荐

  • k8s自定义资源CRD

    原文 xff1a 1089条消息 k8s自定义资源CRD gogogo69的博客 CSDN博客 k8s 自定义crd https blog csdn net Jacson article details 125305201 一 概述 在K8
  • golang go语音 之 结构体

    一 结构体基础 Go语言中没有 类 的概念 xff0c 也不支持 类 的继承等面向对象的概念 Go语言中通过结构体的内嵌再配合接口比面向对象具有更高的扩展性和灵活性 go自定义类型 例如 xff1a 类型定义 打印出是 NewInt 类型
  • goroutine 调度器原理详解 - 进程 线程 协程 之 go语言篇

    一 先理解一下 进程和线程通俗易懂文章 xff1a 1122条消息 线程与进程 xff0c 你真得理解了吗 进程和线程 云深i不知处的博客 CSDN博客 什么是进程 先给一个定义 xff1a 进程是一个具有一定独立功能的程序在一个数据集合上
  • Go语言内存 Go内存 golang内存

    原文 xff1a 一文彻底理解Go语言栈内存 堆内存 360doc com 一 为什么计算机需要内存 代码的本质 xff1a 指令和数据 指令 xff1a 中央处理器CPU可执行的指令 数据部分 xff1a 常量变量等 代码包含了指令 xf
  • 如何卸载Ubuntu软件

    方法 1 使用Synaptic软件包管理器进行卸载 1 打开软件包管理器 Ubuntu自带了一个GUI xff08 Graphical User Interface xff0c 图形化用户界面 xff09 软件包管理器 xff0c 它可以让
  • operator-framework生态之operator-sdk入门和安装 operator实战

    推荐 近期推荐实战 20230424 kubebuilder实战 https www cnblogs com bolingcavalry archive 2021 08 25 15183342 html 推荐阅读 单个CRD所定义的能力是有
  • MATLAB求解接地金属槽内电位分布

    基于MATLAB有限差分法中的迭代法求解接地金属槽内电位分布 要求有限差分法MATLAB编写运行结果全部代码 要求 运用MATLAB求解接地金属槽内点位分布 xff0c 精度 行数M 列数N自己定义 有限差分法 有限差分法是基于差分原理的一
  • 51单片机水位检测

    基于单片机的楼顶水箱水位监控系统设计 大楼的楼顶水箱容量有限 xff0c 要求实时显示其水位 xff0c 自动开停水泵控制水位在合理范围 利用单片机为核心构成控制系统 xff0c 选择传感器检测水位 水泵电机温度 xff08 防止过热损坏
  • 关于HC05 蓝牙模块与与蓝牙模块连接

    两个蓝牙模块配对通信 在通常的电子设计中 xff0c 一般采用蓝牙模块与上位机 xff08 手机 xff09 连接来与电子设备通信 xff0c 实现对电子设备的控制 当然也可以通过WiFi模块等其他通信模块进行通信 这里就介绍一下蓝牙模块之
  • Gazebo配置与控制不同的无人机 仿真

    PX4 Firmware 配置与控制不同的无人机 配置方法控制方法 XTDrone目前支持多旋翼飞行器 xff08 multirotor xff09 固定翼飞行器 xff08 plane xff09 可垂直起降固定翼飞行器 xff08 vt
  • 基于采样的路径规划算法RRT的优化:RRT*,Kinodynamic-RRT*,Anytime-RRT *,Informed RRT *

    基于采样的路径规划算法RRT的优化 RRT 算法Kinodynamic RRT Anytime RRT Informed RRT 关于搜索树按搜索方向生长的计算方法 基本的基于采样的路径规划算法RRT xff0c 在地图中进行采样取点 xf
  • 碰到的bug,解决方法

    问题解决 1 build Error Unable to find source space home xxx src 在新建的工作空间下进行 catkin build 编译工作空间 xff0c 工作空间下没有产生 devel logs b
  • Geometrically Constrained Trajectory Optimization for Multicopters 论文解析

    关于多旋翼几何约束轨迹优化 MINCO 轨迹类几何约束实验 Geometrically Constrained Trajectory Optimization for Multicopters 一文由浙江大学博士 汪哲培 2022年发表在I
  • Fast-planner 和 Ego-planner 比较

    Fast planner 和 Ego planner 比较 Fast PlannerEgo planner Fast planner和Ego planner都是无人机路径规划中常见的算法 xff0c 但它们的实现方式和目标略有不同 Fast
  • Teach-Repeat-Replan: A Complete and Robust System for Aggressive Flight in Complex Environments 论文笔记

    Teach Repeat Replan 飞行走廊生成方法凸多面体膨胀CPU加速GPU加速飞行走廊生成与环路消除 时空全局轨迹优化空间轨迹优化时间轨迹优化 在线局部重规划局部重规划框架 飞行走廊生成方法 围绕 teaching traject
  • ovn实验手册

    参考文档 openstack ovn结合官方文档 ovn实践参考
  • 蓝桥杯 小数第n位 问题的几种解法

    蓝桥杯 小数第n位 问题的几种解法 题目描述解法1 根据手动计算除法的过程 题目描述 我们知道 xff0c 整数做除法时 xff0c 有时得到有限小数 xff0c 有时得到无限循环小数 如果我们把有限小数的末尾加上无限多个 0 xff0c
  • 解决Vmware虚拟机无法打开Ubuntu的问题

    1 xff0c 问题 很多同学会在Window PC机上使用Vmware虚拟机来搭建Linux开发环境 xff08 如Ubuntu xff09 xff0c 使用过程中难免会出现Ubuntu崩溃 异常关闭等现象 xff0c 此时 xff0c
  • antd 表单动态添加表单项编辑回显数据

    在做一些后台管理会用到很多的表单 xff0c 比如动态项表单 xff0c 如下图这样的 话不多说 xff0c 上代码 创建修改版本 import React from 34 react 34 import Form Notification
  • 二进制流文件下载

    在做一些文件下载的时候 xff0c 后端返回的二进制流文件 xff0c 这里前端的兄弟姐妹就需要处理一下了 直接上代码 xff1a 下载 export function download id return request url 96 r