vue前端接收后端文件流进行下载_vue接收文件流并下载-程序员宅基地

技术标签: 前端  vue.js  javascript  

vue前端接收后端文件流进行下载

在这里插入图片描述

html代码如下:

在这里插入图片描述

下载方法如下:
//API接口
export function download(data) {
    
  return request({
    
    url: "xxx",
    methods: "get",
    params: data,
    responseType: "blob", //收到的数据为blob
  });
}
 //模板下载
    async loadown(row) {
    
      let res = await download({
    
        id: row.id,
      });
      if (res) {
    
        let blob = new Blob([res], {
    
          type: res.type,
        });
        let downloadElement = document.createElement("a");
        let href = window.URL.createObjectURL(blob);
        downloadElement.href = href;
        downloadElement.download = row.mbmc + ".xls";
        document.body.appendChild(downloadElement);
        downloadElement.click();
        window.URL.revokeObjectURL(href);
      } else {
    
        this.$message.error(res.msg);
      }
    },
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_47148261/article/details/128024540

智能推荐

简易jsp+servlet实现单表增删查改_jsp servlet单选框修改-程序员宅基地

文章浏览阅读2.5w次,点赞23次,收藏143次。jsp+servlet进行单表增删查改_jsp servlet单选框修改

C/C++编程:__attribute__ noreturn_extern "c" void __cxa_pure_virtual(void) __attribu-程序员宅基地

文章浏览阅读1.6k次,点赞6次,收藏8次。一些库函数,本身没有返回值,例如abort()和exit(),在编译的时候,GCC自动按照这个规则编译。而对于自己定义的函数,如果你不想让它有返回值,那么可以使用__attribute__ ((noreturn))__attribute__ noreturn这个属性告诉编译器函数不会返回。当遇到函数需要返回值却还没运行到返回值处就已退出来的情况,该属性可以避免出现错误信息。用来抑制关于未达到代码路径的错误C库函数中的abort()和exit()的声明格式就采用了这种格式:extern voi_extern "c" void __cxa_pure_virtual(void) __attribute__ ((__noreturn__)); ext

【2D/3D RRT* 算法】使用快速探索随机树进行最佳路径规划(Matlab代码实现)_rrt*二维matlab-程序员宅基地

文章浏览阅读1k次。2D/3D RRT*算法是一种基于快速探索随机树的最佳路径规划算法。它是RRT*算法的扩展版本,能够在二维或三维环境中寻找最优路径。该算法的核心思想是通过随机采样的方式构建一颗探索树,其中树的节点表示机器人的位置,边表示机器人从一个位置移动到另一个位置的路径。探索树的生长过程中,会不断进行路径优化,以找到最佳路径。具体实现过程中,算法首先生成一个起始节点,并随机采样其他节点。然后,对于每个采样的节点,算法会在树中查找最近邻节点,并以此节点为起点,通过插值和优化等方式生成一条新的路径。_rrt*二维matlab

Prescan与Simulink联合仿真实现自动驾驶中的LDW模型,提升车道偏离预警技术-程序员宅基地

文章浏览阅读204次。通过将两者联合,我们可以模拟真实驾驶场景下的车道偏离情况,并进行性能评估和验证。随着科技的不断发展,人们对于自动驾驶的实现越来越有信心,这不仅得益于先进的传感器技术和计算能力的提升,更离不开对自动驾驶系统性能的准确评估和验证。在仿真过程中,我们可以根据不同的场景设置和参数调整,评估车道偏离预警系统的敏感性、准确性和鲁棒性等方面的性能。通过Prescan和Simulink的联合仿真,我们不仅可以准确评估车道偏离预警系统的性能,还可以帮助开发人员优化算法和控制逻辑,提升自动驾驶系统的可靠性和安全性。

mysql时间格式_mysql 时间格式-程序员宅基地

文章浏览阅读6.3k次。概览mysql数据库时间上总共有五中表示方法:它们分别是 time、date、datetime、timestamp和year。类型名称日期格式日期范围存储需求YEARYYYY1901 ~ 21551 个字节TIMEHH:MM:SS-838:59:59 ~ 838:59:593 个字节DATEYYYY-MM-DD1000-01-01 ~ 9999-12-33 个字节DATETIMEYYYY-MM-DD HH:MM:SS1000-01-01_mysql 时间格式

基于VUE框架的旅游平台--82070 (免费领源码、附论文)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案-程序员宅基地

文章浏览阅读56次。我国旅游产业仍然基础薄弱,管理手段滞后,信息化程度低,企业效益较差。经过本人的综合考虑,设计一款基于VUE框架的旅游平台,采取Mysql作为后台数据的主要存储单元,采用SSM框架、B/S架构进行系统的编码及其开发,实现了本系统的全部功能。该系统实现了旅游平台内部的各种工作流程信息化,其中包括关于旅游平台旅游资讯、景点信息、票务信息、酒店信息、拼团信息、旅行论坛等功能。

随便推点

《UnityAPI.Screen屏幕》(Yanlz+Unity+SteamVR+云技术+5G+AI+VR云游戏+Unity+Screen+dpi+SetResolution+立钻哥哥++OK++)_unity刷新屏幕的api-程序员宅基地

文章浏览阅读1.5k次。《UnityAPI.Screen屏幕》 Screen屏幕 版本 作者 参与者 完成日期 备注 UnityAPI_Screen_V01_1.0 严立钻 2020.09.16 ..._unity刷新屏幕的api

流媒体服务器SRS的搭建及QT下RTMP推流客户端的编写_开源srs流媒体服务器-程序员宅基地

文章浏览阅读2.4k次。本客户端基于我的博客:https://blog.csdn.net/linyibin_123/article/details/132107948 开发的播放器下新增RTMP推流。播放器可以支持软硬解码,截图、录像等功能,详细功能看该博客。本客户端支持读取文件解码后推流,也支持拉取网络流解码后进行推流。推流地址为前面搭建的RTMP流媒体服务器,推流成功后,通过VLC播放器从RTMP服务器上拉流下来播放。_开源srs流媒体服务器

crontab定时任务_subject: cron <root@izm5e7qirl0atp7pat644bz> sh /u-程序员宅基地

文章浏览阅读2.2k次。crontab是什么?crontab是一个用于设置周期性被执行的任务工具。被周期执行的任务称为CronJob周期性的任务列表称为Cron Table安装检查Crontab服务检查cron服务 - 检查Crontab工具是否安装 crontab -l - 检查crond服务是否启动:service crond status eg:检查阿帕奇服务器是否启动servi..._subject: cron sh /usr/jar/9010/logclear9010.s

java基础之构造函数引用和方法引用_构造函数在引用的时候红-程序员宅基地

文章浏览阅读2.2k次。方法引用可以引用静态方法和实例方法,两者是通用的。方法引用是函数式接口的实例。虽然Lambda表达式允许动态创建方法实现,但通常情况下,一个方法最终会调用Lambda表达式中的另一个方法来完成我们想要完成的工作。更直接的方法是使用方法引用。使用方法引用的主要步骤:1、定义一个函数式接口2、定义一个满足函数式接口抽象方法要求的方法3、使用对步骤2中定义的(x::y)方法引用实例化函数式接口..._构造函数在引用的时候红

微信公众号开发-程序员宅基地

文章浏览阅读150次。1.登录微信公众平台:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login登录测试账号。2.对微信公众号测试账号进行相关配置:url指向项目的controller或者servlet,例如:http://www.test.qer/demo/test.do,其中www.test.qer是映射地址,先把本地映射到...

常用快递电子面单接口参数配置对照表_7732 申通是什么面单-程序员宅基地

文章浏览阅读470次。调用快递电子面单时IsNotice参数可控制是否通知快递员上门揽件(*0-通知;1-不通知;不填则默认为0),申通电子面单,中通电子面单账号开通流程,圆通电子面单账号开通流程、韵达电子面单账号开通流程_7732 申通是什么面单

推荐文章

热门文章

相关标签