首页 > 其他分享 >前端数据流文件下载

前端数据流文件下载

时间:2023-02-28 09:37:17浏览次数:35  
标签:url res 前端 link 数据流 下载

当前端收到后端传过来的数据流时,前端文件下载方法:

let url = window.URL.createObjectURL(new Blob([res.body]));
let link = document.createElement('a');
link.style.display = 'none';
link.href = url;
link.setAttribute('download', res.response.headers['content-disposition'].split('=')[1]);  // 设置下载文件名称
link.click();
link.remove();

 

标签:url,res,前端,link,数据流,下载
From: https://www.cnblogs.com/maxiaocang/p/17162753.html

相关文章

  • 国标文件分享和下载
      平时在网上寻找文件,下载文件都比较麻烦。存在此处以备下载持续更新:连接失效联系我[email protected]. GBT41521-2022多指标核酸恒温扩增检测微流控芯片通用技术要......
  • centos7 离线安装插件-利用下载好的文件安装便利方法利用下载好的文件安装便利方法
    移除/etc/yum.repos.d中所有repo文件mkdir/etc/yum.repos.d/oldmv/etc/yum.repos.d/*.repo/etc/yum.repos.d/old/修改CentOS-Media.repo如下,没有自己建一个vi......
  • 百度前端一面高频vue面试题汇总
    什么是递归组件?举个例子说明下?分析递归组件我们用的比较少,但是在Tree、Menu这类组件中会被用到。体验组件通过组件名称引用它自己,这种情况就是递归组件<template><......
  • 2023前端vue面试题及答案
    Vue3.0为什么要用proxy?在Vue2中,0bject.defineProperty会改变原始数据,而Proxy是创建对象的虚拟表示,并提供set、get和deleteProperty等处理器,这些处理器可在访......
  • 2023: day1前端晚上学习笔记
     2023.02.27一.webpack默认webpack打包的时候只会处理JS之间的依赖关系!!!css-loader(css-loader会处理import/require()@import/url引入的内容。)style-loader(将模......
  • Microsoft Office 2016 专业增强版 for Windows 官网下载地址
    MicrosoftOffice2016专业增强版是Microsoft公司推出的一款高级的办公软件套件,包括Word、Excel、PowerPoint、Outlook、OneNote、Access、Publisher、SkypeforBusiness......
  • 发现Vue.js做前端交互不错,非常轻量级
    最近做一个设备配置的网站,涉及到很多的数据交互,找到一个轻量级的JS框架Vue.js。经过试用,发现使用Vue.js做数据绑定和前端交互很棒。推荐一下,希望对做前端的朋友有点用或做做......
  • 模块与前端基础
    CommonJS模块的特点1、对于基本数据类型,属于复制。即会被模块缓存,如果在另外一个模块导入相同的变量也可以对该变量进行赋值。2、对于复杂数据类型,是浅拷贝。由于两个模......
  • SREWorks前端低代码组件生态演进:monorepo架构重构和远程组件加载实践
    作者:王威(地谦)文章结构项目背景演进分析monorepo架构演进Webpack与Rollup如何平滑迁移构建优化组件的可扩展与可插拔演进总结版本动态项目背景SREWorks是一个面向企业级复杂......
  • Ubuntu apt下载:无法修正错误
    问题:在为cpp下载mysql函数库的时候显示:无法修正错误,因为您要求某些软件包保持现状,就是它们破坏了软件包间的依赖关系。解决:其主要原因是因为不同的Ubuntu版本对应的源......