Vue3下载WEBAPI导出的Excel文件

webApi查询数据保存为Excel 

       /// <summary>/// 获取LMI3D相机涂胶测量数据/// </summary>/// <returns></returns>[HttpPost(Name = "GetLMI3DGlueDataToExcel")]public async Task<IActionResult> GetLMI3DGlueDataToExcel(QueryGlueMeasurementModel qgmm){List<GlueMeasurementModel> result = new List<GlueMeasurementModel>();result = await LinkAsiaDB.Camera3D.GetGlueMeasurement( qgmm.CreatedDate);int x = await NPOIExcelHelper.RenderToExcel(result, "defult", "D:\\Test.xlsx");string fileExt = Path.GetExtension("D:\\Test.xlsx");//获取文件的ContentTypevar provider = new FileExtensionContentTypeProvider();var memi = provider.Mappings[fileExt];var fileBytes = System.IO.File.ReadAllBytes("D:\\Test.xlsx");return File(fileBytes, memi, "welcome.xlsx");}

swagger中可以下载 

 

Vue页面 

			<el-row><el-date-picker v-model="QueryDate" type="date" placeholder="Pick a day" :size="size" /><el-button type="primary" @click="QueryFoamMeasurement()">查询</el-button><el-button type="primary" @click="ToExcel()">导出excel</el-button><a :href="DownloadUrl" download="welcom.xlsx">abc</a></el-row>

导出方法 

const ToExcel = async () => {let CreatedDate = dateFormat(QueryDate.value, 'YYYY-MM-DD')let pa = { No: "", Barcode: "", CreatedDate: CreatedDate }await axios.post(global_const.WEBAPI + `LMI3DData/GetLMI3DGlueDataToExcel`, pa, { responseType: 'blob' }).then(function (response) { console.log(response); DownloadUrl.value = window.URL.createObjectURL(new Blob([response.data]));return response.data;}).catch(function (error) {//ElMessage.error(cmd + '命令执行异常!' + error)console.log(error);});download(DownloadUrl.value )
}const download = (url :any) => {// 处理图片下载let a = document.createElement("a");a.setAttribute("href", url);a.setAttribute("download",'');a.setAttribute("target", "_blank");a.download = "welcome1.xlsx"a.click(); 
} 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/664537.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

利用nginx替换Docker内部程序_静态资源_实现自定义背景--nginx工作笔记008

因为有个程序是打包的Docker镜像,那么问题就来了,我想修改登录页面上的一个图片,如果 你不想再去修改程序了,那么怎么办? 你可以这样,让nginx请求某个图片的时候,自动给他重定向,访问其他的图片资源,很好用: 来看看怎么做吧: server {listen 9003;server_name localhost;loc…

基于SSM的健身房会员管理系统(有报告)。Javaee项目。ssm项目。

演示视频&#xff1a; 基于SSM的健身房会员管理系统(有报告)。Javaee项目。ssm项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构&#xff0c;通过Spring SpringMvc Mybatis J…

国货之光--数据库设计开源工具-[PDManer 元数建模 - v4]

[PDManer 元数建模 - v4]&#xff0c;历时五年&#xff0c;持续升级&#xff0c;工匠精神&#xff0c;做一款简单好用的数据库建模平台。 元数建模平台&#xff0c;使用 ReactElectronJava 技术体系构建。 [PDMan-v2] --> [CHINER-v3] --> [PDManer-v4]&#xff0c;连续五…

前端面试题-vue-MVC和MVVM-VUE常见指令

前端面试题-vue-MVC和MVVM MVC和MVVMVUE常见指令v-if和v-for 为什么不建议一起使用Vue双向数据绑定原理&#xff08;响应式原理&#xff09;&#xff08;v-model&#xff09;v-if和v-show的区别 写在最先&#xff0c;不知不觉更新面试题系列也一个月过去了&#xff0c;在这个过…

突破编程_C++_面试(基础知识(3))

面试题5&#xff1a;函数调用的过程 C 中函数的调用包含参数入栈、函数跳转、保护现场、回复现场等过程&#xff0c;重点过程如下&#xff1a; &#xff08;1&#xff09;将函数的参数压入栈中&#xff0c;从右至左压入。 &#xff08;2&#xff09;调用函数时&#xff0c;将当…

车载测试Vector工具CANoe——常见问题汇总(上)

车载测试Vector工具CANoe——常见问题汇总(上) 我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师(Wechat:gongkenan2013)。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 屏蔽力是信息过载时代一个人的特殊竞争力,任何消耗你的人和事,多看一…

Javaweb之SpringBootWeb案例之yml配置文件的详细解析

4.2 yml配置文件 前面我们一直使用springboot项目创建完毕后自带的application.properties进行属性的配置&#xff0c;那其实呢&#xff0c;在springboot项目当中是支持多种配置方式的&#xff0c;除了支持properties配置文件以外&#xff0c;还支持另外一种类型的配置文件&am…

【数据开发】pyspark入门与RDD编程

【数据开发】pyspark入门与RDD编程 文章目录 1、pyspark介绍2、RDD与基础概念3、RDD编程3.1 Transformation/Action3.2 数据开发流程与环节 1、pyspark介绍 pyspark的用途 机器学习专有的数据分析。数据科学使用Python和支持性库的大数据。 spark与pyspark的关系 spark是一…

简单实践 java spring boot 自动配置模拟

1.概要 1.1 需求&#xff0c;自己写一个redis-spring-boot-starter模拟自动配置 自动配置就是在引入*-starter坐标后&#xff0c;可以已经spring框架的规则实现一些Bean的自动注入&#xff0c;并设置一些参数的默认值&#xff0c;且也可以在引入的工程中修改这些配置的值。这…

金蝶云星空本地构建部署包时报错

文章目录 金蝶云星空本地构建部署包时报错报错内容原因分析 金蝶云星空本地构建部署包时报错 报错内容 描述 C:\Windows\Microsoft.NET\Framework\v4.0.30319\Microsoft.Common.targets(2769,5): error MSB3086: 任务未能使用 SdkToolsPath“”或注册表项“HKEY_LOCAL_MACHIN…

通过低代码开发实现数据可视化应用的简易指南

随着数据分析和决策变得越来越重要&#xff0c;数据可视化应用的需求也不断增长。低代码开发平台为开发人员提供了一种快速构建数据可视化应用的途径&#xff0c;本文将介绍如何利用低代码平台实现数据可视化应用的方法和步骤。 在当今数据驱动的时代&#xff0c;企业和组织需要…

面试150 二进制求和 位运算

Problem: 67. 二进制求和 文章目录 思路复杂度Code 思路 &#x1f468;‍&#x1f3eb; 参考 复杂度 时间复杂度: O ( n ) O(n) O(n) 空间复杂度: O ( n ) O(n) O(n) Code class Solution {public String addBinary(String a, String b){StringBuilder ans new Stri…

MS Access 函数参考手册(MS Access 日期函数、MS Access 其他函数)

目录 MS Access 日期函数 MS Access Date() 函数 MS Access DateAdd() 函数 MS Access DateDiff() 函数 MS Access DatePart() 函数 MS Access DateSerial() 函数 MS Access DateValue() 函数 MS Access Day() 函数 MS Access Format() 函数 MS Access Hour() 函数 …

pyspark学习-spark.sql.functions 聚合函数

https://spark.apache.org/docs/3.4.1/api/python/reference/pyspark.sql/functions.html 1. approx_count_distinct和count_distinct #approx_count_distinct(col:ColumnOrName,rsd:Optionnal[float]None) """ 作用:返回列col的近似不同计数&#xff0c;返回…

C语言:内存函数(memcpy memmove memset memcmp使用)

和黛玉学编程呀------------- 后续更新的节奏就快啦 memcpy使用和模拟实现 使用 void * memcpy ( void * destination, const void * source, size_t num ) 1.函数memcpy从source的位置开始向后复制num个字节的数据到destination指向的内存位置。 2.这个函数在遇到 \0 的时候…

确保分布式系统的稳定性:深入理解接口幂等性

确保分布式系统的稳定性&#xff1a;深入理解接口幂等性 在分布式系统中&#xff0c;网络波动、系统故障或用户操作可能导致同一个请求被多次发送至服务器&#xff0c;如果服务器对每个重复的请求都作出新的响应&#xff0c;就可能导致数据的不一致或业务逻辑的错误。为了解决…

常用抓包软件集合(Fiddler、Charles)

1. Fiddler 介绍&#xff1a;Fiddler是一个免费的HTTP和HTTPS调试工具&#xff0c;支持Windows平台。它可以捕获HTTP和HTTPS流量&#xff0c;并提供了丰富的调试和分析功能。优点&#xff1a;易于安装、易于使用、支持多种扩展、可以提高开发效率。缺点&#xff1a;只支持Wind…

龙芯3A6000_统信UOS_麒麟KYLINOS上创建密钥对加解密文件

原文链接&#xff1a;龙芯3A6000|统信UOS/麒麟KYLINOS上创建密钥对加解密文件 大家好&#xff01;在当今数字化时代&#xff0c;数据安全变得越来越重要。为了帮助大家更好地保护自己的数据&#xff0c;今天我为大家带来一篇关于在统信UOS和麒麟KYLINOS操作系统上创建和使用密钥…

【日常聊聊】开源软件影响力

&#x1f34e;个人博客&#xff1a;个人主页 &#x1f3c6;个人专栏&#xff1a;JAVA ⛳️ 功不唐捐&#xff0c;玉汝于成 目录 前言 正文 方向一&#xff1a;开源软件如何推动技术创新 方向二&#xff1a;开源软件的商业模式 方向三&#xff1a;开源软件的安全风险 方…

UDP和TCP的区别和联系

传输层&#xff1a;定义传输数据的协议端口号&#xff0c;以及流控和差错校验。 协议有&#xff1a;TCP、UDP等 UDP和TCP的主要区别包括以下几个方面&#xff1a; 1、连接性与无连接性&#xff1a;TCP是面向连接的传输控制协议&#xff0c;而UDP提供无连接的数据报服务。这意…