vue中读取本地Excel文件
readExcelFile
const XLSX = require('xlsx')
const path = "./file/file.xlsx" //放在public目录下的文件可以直接访问
axios.get(path, { responseType: 'arraybuffer' }).then((res) => {
let data = new Uint8Array(res);
let workbook = XLSX.read(data, { type: "array" });
let sheets = workbook.Sheets;
let content = [];
for (let key in sheets){
//读出来的workbook数据,转换为json格式
content.push(XLSX.utils.sheet_to_json(sheets[key]));
}
const fileName = path.substr(path.lastIndexOf('/') + 1);
let fileData = [];
fileData.push(content[0][0]);
for (let i in this.tableList) {
fileData.push(this.tableList[i]);
}
//下载Excel文件
ctx.downloadExcel(fileName,fileData);
}).catch(err => {
ctx.err = err;
})
参考:https://www.yisu.com/zixun/164546.html
vue中读取本地Excel文件的更多相关文章
- vue3中读取本地excel文件内容
背景 做后台项目时避免不了excel文件上传,有的还要求对文件内容做校验,或者把文件内容转成数据上传保存. 操作 1.引入xlsx插件,最好安装指定版本,否则会报错 npm i xlsx@0.16.0 ...
- 读取Excel二进制写入DB,并从DB中读取生成Excel文件
namespace SendMailSMSService { class Program { static void Main(string[] args) { var connString = Sq ...
- 如何在vue中请求本地json文件
1..修改webpack.base.conf.js 文件中添加'/static': resolve('static'),如下所示,此时存放于static的json文件就可以通过/static/xxx. ...
- JS 读取本地Excel文件
首先我们先引用一个Excel的类库xlsx.full.min.js 中间处理: 'use strict'; var ExcelReader = { isFirstRead: true, fixdata ...
- 【转】flash air中读取本地文件的三种方法
actionscript中读取本地文件操作有两种代码如下 1.使用File和FileStream两个类,FileStream负责读取数据的所以操作:(同步操作) var stream:FileStre ...
- 根据NPOI 读取一个excel 文件的多个Sheet
大家都知道NPOI组件可以再你本地没有安装office的情况下来 读取,创建excel文件.但是大家一般都是只默认读取一个excel文件的第一个sheet.那么如果要读取一个excel 的所有shee ...
- 读取本地excel发短信
package com.cmcc.zysoft.sellmanager.controller; import java.io.File; import java.io.FileInputStream; ...
- jmeter读取本地CSV文件
用jmeter录制考试上传成绩等脚本时,出现的问题及解决方法如下: 1.beanshell前置处理器,不能读取本地csv文件里的数据: 方法一: 在beanshell里不能直接从本地的csv文件里读取 ...
- 读取本地json文件,转出为指定格式json 使用Base64进行string的加密和解密
读取本地json文件,转出为指定格式json 引用添加Json.Net 引用命名空间 using Newtonsoft.Json //读取自定目录下的json文件StreamReader sr = ...
- Vue中实现自定义excel下载
目录 第一种:后端生成excel 第二种:前端合成excel 总结 参考资料 最近在工作中遇到一个需求,就是需要在前端实现一个错误模板Excel的下载功能. 实现下载有两种方式,一种是后端生成一个ex ...
随机推荐
- CF958E1 题解
Problem 原题链接 Meaning 在二维平面内,有位置不同且不存在三点共线的 \(R\) 个红点和 \(B\) 个黑点,判断是否能用一些互不相交的线段连接每一个点,使得每条线段的两端都分别是黑 ...
- layui上传文件choose只触发一次的解决方法
环境:.net core + layui 场景:上传文件的时候需要先弹出一个层选择对应的条件传到上传方法里面做逻辑,发现layui.upload上传一次之后在不刷新页面的前提下不会执行choose方法 ...
- 前端开发系列050-基础篇之组件的概念和使用(Vue)
本文是早期学习Vue整理的一些阶段性总结,内容主要关于Vue框架中组件的概念和数据传递. 一.组件的相关概念 在Vue学习的时候参考了很多文档和书籍,这些文档和书籍中总是充满各种术语(定语),在这里先 ...
- iga 入门之 总体合成
简介 摘自 流体力学数值方法 概括地说,总体合成就是将所有单元的\(A_{ij}^{(e)}.f_i^{(e)}\)进行累加,最终形成\(A_{nm}.f_n\),从而产生总体有限元方程 \[A_{n ...
- java 网格组布局
简介 GridBagLayout 网格组布局 java 核心编程 code /* * @Author: your name * @Date: 2020-11-08 12:48:42 * @LastEd ...
- Esbuild-新一代极速前端构建打包工具
什么是 Esbuild? Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具,相比传统的打包工具,主打性能优势,在构建速度上可以快 10~ ...
- SciTech-EECS-Power-超宽输入电压(AC/DC: 12-270V+)的 隔离型(UC384x) 和 非隔离型 电源电路设计( 降压电源芯片: 以XD308H为例
SciTech-EECS-Power-超宽输入电压范围非隔离型DC-DC降压芯片: 以XD308H为例 隔离型 超宽输入电压范围 以下的原理 也可以运用到 UC384* 及其他的 电源变换电路上. L ...
- Math-Derivative导数-夹逼定理:常用的不等式放大缩小 + log对数的妙用:将 嵌套的 指数运算 转换为 指数的乘法 与 将 幂函数 的 乘法 转换为 指数的加法运算
https://zhuanlan.zhihu.com/p/396423540 1. (A**b)**(c) = A**(b * c) # 将 指数运算的嵌套 转换 为 指数的 乘法运算 2.(A**b ...
- vagrant虚拟机与windows访问
# 设置IP,设置网络模式 node.vm.network "private_network", ip: "192.168.56.101"
- DockQuery | 基于E-R图的数据建模功能使用实践
DockQuery 天狼最新版本已经发布,伙伴们有没有下载体验呢? 与第一版相比,DockQuery 1.2.0 版本有许多更新,在页面和功能上都进行了完善.其中非常值得一提的是「数据建模」功能,以可 ...