百度360必应搜狗淘宝本站头条
python判断字典是否为空crontab每周一执行aes和des区别安装指定版本npmadb pull
当前位置：网站首页 > IT知识 > 正文

Blob文件下载方式 blob文件类型

liuian 2024-12-26 15:03 31 浏览

很多情况下都是通过 window.location.href 来下载文件。这种方式，一般是前后端的登录态是基于 Cookie + Session 的方式，由于浏览器默认会将本地的 cookie 塞到 HTTP 请求首部字段的 Set-Cookie 中，从而实现来带用户的 SessionId，所以，我们也就可以用 window.location.href 来打开一个链接下载文件。

众所周知，还有另一种登录态的处理方式 JWT (JSON Web Token)。这种情况，一般会要求，前端在下载文件的时候在请求首部字段中添加 Token 首部字段。那么，这样一来，我们就不能直接通过 window.location.href 来下载文件。


不过，幸运的是我们有 Blob，它是浏览器端的类文件对象，基于二进制数据，我们可以通过它来优雅地处理文件下载，不限于音视频、PDF、Excel 等等。所以，今天我们就从后端导出文件到 HTTP 协议、非简单请求下的预检请求、以及最后的 Blob 处理文件，了解一番何为其然、如何使其然？

responseType: 'blob' // 这一行是关键，拿到blob数据类型的文件
axios.request({
        url: "/getDownloadFile",
        method: "post",
        headers: { "Content-Type": "application/x-www-form-urlencoded" },
        responseType: "blob",
    })
    .then(res => {

    })

通过a标签打开新页面下载文件

			console.log("下载文件内容", this.content)
      const blob = new Blob([this.content], {type: 'text/plain;charset=utf-8'})

      let downloadElement = document.createElement('a');
      let href = window.URL.createObjectURL(blob);           //创建下载的链接
      downloadElement.href = href;
      let time = (new Date()).valueOf();
      downloadElement.download = '代码库' + time + '.java'; //下载后文件名
      document.body.appendChild(downloadElement);
      downloadElement.click();                               //点击下载
      document.body.removeChild(downloadElement);            //下载完成移除元素
      window.URL.revokeObjectURL(href);                      //释放掉blob对象

相关推荐

10种常见的MySQL错误，你可中招?

【51CTO.com快译】如果未能对MySQL8进行恰当的配置，您非但可能遇到无法顺利访问、或调用MySQL的窘境，而且还可能给真实的应用生产环境带来巨大的影响。本文列举了十种MySQL...

MySQL主从如何保证数据一致性

MySQL主从（主备）搭建请点击基于Spring的数据库读写分离。MySQL主备基本原理假设主备切换前，我们的主库是节点A，节点B是节点A的备库，客户端的读写都是直接访问节点A，节点B只是将A的更新同...

MySQL低版本升级操作流程

（关注“数据库架构师”公众号，提升数据库技能，助力职业发展）0-升级背景MySQL5.5发布于2010年，至今已有十年历史，官方已经停止更新。2008年发布的MySQL5.1版本，在2018年...

MySQL数据库知识

MySQL是一种关系型数据库管理系统；那废话不多说，直接上自己以前学习整理文档：查看数据库命令:(1).查看存储过程状态:showprocedurestatus;(2).显示系统变量:show...

Mysql 8.4数据库安装、新建用户和数据库、表单

1、下载MySQL数据库yuminstall-ywgetperlnet-toolslibtirpc#安装wget和perl、net-tools、libtirpcwgethtt...

mysql8.0新功能介绍

MySQL8.0新特性集锦一、默认字符集由latin1变为utf8mb4在8.0版本之前，默认字符集为latin1，utf8指向的是utf8mb3，8.0版本默认字符集为utf8mb4，utf8默...

全网最详细解决Windows下Mysql数据库安装后忘记初始root 密码方法

一、准备重置root的初始化密码Win+R键启动命令输入窗口；输入cmd打开命令执行窗口；##界面如下##输入命令：netstopmysqld#此操作会停止当前运行的...

互联网大厂面试:MySQL使用grant授权后必须flush privilege吗

从我上大学时，数据库概论老师就告诉我，MySQL使用grant对用户授权之后，一定记得要用flushprivilege命令刷新缓存，这样才能使赋权命令生效。毕业工作以后，在很多的技术文档上，仍然可以...

# mysql 8.0 版本无法使用 sqlyog 等图形界面 登录 的解决方法

30万以下的理想L6来了##mysql8.0版本无法使用sqlyog等图形界面登录的解决方法当我们在cmd下登录mysql时正常时，用sqlyog等图形界面连接数据库时却...

MySQL触发器介绍

前言：在学习MySQL的过程中，可能你了解过触发器的概念，不清楚各位是否有详细的去学习过触发器，最近看了几篇关于触发器的文档，分享下MySQL触发器相关知识。1.触发器简介触发器即trigg...

管理员常用的MySQL命令汇总(一)

以下是管理员常用的MySQL命令：以管理员身份连接到MySQL：mysql-uroot-p创建新的MySQL用户：CREATEUSER'username'@'...

Linux(CentOS) 在线安装MySQL8.0和其他版本，修改root密码

一：安装MySQL数据库1），下载并安装MySQL官方的YumRepositorymysql官方仓库地址:https://dev.mysql.com/downloads/repo/yum/选择自...

解决 MySQL 8.0 一直拒绝 root 登录问题

Accessdeniedforuser'root'@'localhost'(usingpassword:YES)这个错误在网上搜一下，能看到非常多的此类...

大模型MCP之MYSQL安装

前言学习大模型的时候需要一个mysql，原因还是在公司使用电脑的时候不允许按照Docker-Desktop，我的宿主机其实是MAC，我习惯上还是在centsos上面安装,就发现这件过去很简单的事情居然...

MySQL ERROR 1396

ERROR1396(HY000):OperationCREATEUSERfailedfor'usera'@'%'问题描述mysql>create...

一周热门
最近发表
标签列表