【uniapp】编译成小程序——导出表格Excel数据,下载Excel数据

news/2024/7/20 2:44:37 标签: 小程序, uniapp

在这里插入图片描述
过程还是比较简单的,结合官网给的几个方法就可以导出了
上代码:

// 点击下载
downLoad(){
	wx.showLoading({ title: "加载中" });
	let filePath = `${wx.env.USER_DATA_PATH}/${+new Date}.xlsx`;//导出的文件名
	uni.request({
		url:url,
		data:prams,
		method:'GET',
		responseType:'ArrayBuffer',
		success:(data) => {
		let fm = wx.getFileSystemManager();//获取文件管理器
		fm.writeFile({//写入文件
			filePath,//文件名
			data,//数据
			success: res =>{
				wx.hideLoading();
				wx.showModal({
				  title: "下载成功",
				  content: "是否打开?",
				  confirmColor: "#0bc183",
				  confirmText: "打开",
				  success(res) {
				    if (res.confirm) {
				      wx.openDocument({//打开文件
				        filePath,//文件名
				        showMenu: true,//右上角是否显示(...)
				        success(res) {
				          console.log(res);
				        },
				      });
				    } else if (res.cancel) {}
				  },
				});
			},
			fail: err => {
			  wx.hideLoading();
			  wx.showModal({
			    title: '提示',
			    content: "文件下载失败",
			    showCancel: false, //是否显示取消按钮
			    success: function (result) {}
			  })
			},
		})
	});
},

接口返回的数据是二进制格式的:
请添加图片描述

注解:
responseType:‘ArrayBuffer’ 获取二进制的返回数据
wx.getFileSystemManager() 获取文件管理器方法
.writeFile() 往文件管理器里面写入文件
wx.openDocument() 打开文件
其他没什么了,都可以看得懂.
📢没了,结束了,是不是很简单呐,如有错误,欢迎留言.如有问题,不吝赐教。
📢如果此篇博文对您有帮助,还请动动小手点赞 👍 收藏 ⭐留言 📝呐~,谢谢 ~ ~


http://www.niftyadmin.cn/n/734796.html

相关文章

沟渠指什么_物业维修基金是什么,什么情况下才能使用

物业维修基金指的是大修更新储备基金,是专门用于小区共用部位、共用设施设备到期后翻新维修改造的资金。共用部位是指建筑主体承重结构(包括基础、内外承重墙体、柱、梁、楼板、屋顶等)、户外墙面、门厅、楼梯间、走廊通道等;共用设施设备是指物业管理区…

There is a chart instance already initialized on the dom

There is a chart instance already initialized on the dom翻译一下就是dom上已初始化一个图表实例,大概就是条件查询的时候重复初始化echarts图表了 解决方法: 单个图表使用: var mychartTag this.$echarts.getInstanceByDom(document.getElementById("mychart")…

java给指定的线程发送东西、_Java使用Future多线程发送同步消息

在后台管理用户信息的时候,经常会用到批量发送提醒消息,首先想到的有:(1)、循环发送列表,逐条发送。优点是:简单,如果发送列表很少,而且没有什么耗时的操作,是比较好的一种选择&…

SpringCloud之eureka服务注册和服务发现

服务注册中心 :eureka-server 作用:服务注册中心提供服务注册功能 服务提供方:eureka-client 作用:注册服务到服务注册中心 服务注册中心 :eureka-server 创建 一个Spring-Boot 项目(在springboot项目中添加 jar包 依赖…

echarts使用饼图之自定义饼图图例的排列方式,水平,垂直,两端排列

1,引入饼图 这一步大多数应该都会,官网有例子,直接cv就可以用,简单提一下吧 <template><div class"box"><div id"mycircle"></div></div> </template> <script> export default {data(){return{option: {toolt…

彩光价格一般是多少_防盗门价格 防盗门价格一般是多少

阅读本文前&#xff0c;请您先点击上面的“蓝色字体”&#xff0c;再点击“关注”&#xff0c;这样您就可以继续免费收到文章了。每天都有分享&#xff0c;完全是免费订阅&#xff0c;请放心关注。注&#xff1a;本文转载自网络&#xff0c;不代表本平台立场&#xff0c;仅供读…

python Cookie Session 相关用法

Cookie一.前言1.http协议是无状态的. 无状态的意思是每次请求都是独立的&#xff0c;它的执行情况和结果与前面的请求和之后的请求都无直接关系&#xff0c;它不会受前面的请求响 应情况直接影响&#xff0c;也不会直接影响后面的请求响应情况.2.cookie产生背景; 状态…

vue项目调用多个不同的ip接口

灵感来源: 项目的登录登出权限是调A的ip下面的接口,其他的功能调的接口是B的ip下面的接口 思路:其实就是多写几个request.js文件罢了,或者在一个文件里面多写几个响应拦截和请求拦截. 上代码: 第一个文件 request.js import axios from axios import Vue from vueif(process.e…