使用异步函数TypeScipt导入Excel文件
使用异步函数TypeScript导入Excel文件的步骤如下：
- 首先，确保已经安装了相关的依赖包。可以使用npm或者yarn进行安装。需要安装的依赖包包括
xlsx和@types/xlsx。可以使用以下命令进行安装： - 首先，确保已经安装了相关的依赖包。可以使用npm或者yarn进行安装。需要安装的依赖包包括
xlsx和@types/xlsx。可以使用以下命令进行安装： - 在TypeScript文件中引入所需的依赖包：
- 在TypeScript文件中引入所需的依赖包：
- 创建一个异步函数，用于导入Excel文件：
- 创建一个异步函数，用于导入Excel文件：
- 这个函数接受一个File对象作为参数，返回一个Promise，Promise的结果是解析后的Excel数据。
- 调用导入函数并处理结果：
- 调用导入函数并处理结果：
- 这段代码监听一个文件选择框的change事件，当用户选择了一个Excel文件后，调用导入函数并打印结果。你可以根据需要对导入的Excel数据进行进一步处理。
这样，你就可以使用异步函数TypeScript导入Excel文件了。请注意，这里的示例代码仅涵盖了导入Excel文件的基本步骤，实际应用中可能需要根据具体需求进行适当的修改和扩展。
相关·内容
4回答
一个承诺中的两个拒绝
javascript、node.js、ecmascript-6、es6-promise
我是JavaScript的新手。我不知道在哪里可以在一个promise中使用两个rejects；有人能告诉我在一个promise中有两个rejects是不好的做法吗？如果是，可选的解决方案是什么？ 以下是我的代码 async handler(ctx) {
/*
* sheet_to_json method converts excel file to JSON format
*/
let { s3Url, header } = ctx.params;
浏览 12提问于2019-06-22得票数 0
回答已采纳
2回答
永久更新Redux状态
javascript、reactjs、react-redux、sheetjs
我正在不断地改变状态，但这是行不通的。基本上，我创建了一个函数来获取excel文件数据。这个函数工作得很好，但是当我更新状态时，状态就没有更新。
任何想法或建议都与我分享
这是我的状态：
tableData: [],
productsData: []
下面是状态更新的减速机：
case actionTypes.READ_EXCEL:
var excel1 = [];
var excel2 = [];
const promise = new Promise((resolve, reject) => {
浏览 6提问于2020-10-08得票数 1
回答已采纳
3回答
如何在cypress中以编程方式将excel转换为json并写入json文件？
javascript、json、excel、promise、cypress
我编写了将excel文件读入json的代码，但无法按预期读取它。它返回每一行的数组。有人能帮我正确地读取数据并将其写入json文件吗？提前谢谢。下面是我的代码：
插件/index.js文件
const xlsx = require("node-xlsx").default;
const fs = require("fs");
const path = require("path");
module.exports = (on, config) => {
on("task", {
parseXlsx({ fileP
浏览 10提问于2020-07-13得票数 2
2回答
Vue.js excel to json
javascript、excel、vue.js、sheetjs
我试着用vue.js读取excel文件，但是一旦我读了这个文件，内存就像5 gb的内存火箭一样启动，而我的excel文件非常小，请帮我把文件转换成json，vue方法来处理文件，我尝试了在中看到的所有类型选项，但是都发送给我不同的错误，我看到了类似的问题，但在尝试时仍然无法解决这个问题。
base64："TypeError: input.replace不是函数“
二进制："TypeError: x.charCodeAt不是函数“
字符串："TypeError: data.match不是函数“
数组:是导致内存进入5gb的那个
此外，当尝试使用文档
浏览 6提问于2020-04-10得票数 2
1回答
获取错误: TypeError:无法读取null的属性(读取'0')
javascript、node.js、angularjs、mongodb、model-view-controller
我想上传一个excel文件，我在应用程序控制器作用域中使用ng单击并定义了fileUpload($event)函数，在xlsx的帮助下，我想用JSON读取该文件，但是在运行代码时会出现以下错误-
<div>
<input id="file-upload" type="file"/>
<input type="button" value="Upload" ng-click ="fileUpload($event)">
</div>
$sco
浏览 3提问于2022-06-19得票数 0
1回答
服务返回值未传组件
angular、typescript、js-xlsx
我有一个解析Excel文件的Angular服务，看起来像这样：
import { Injectable } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import * as XLSX from 'xlsx';
type AOA = any[][]
@Injectable({
providedIn:'root'
})
export class BomParseService {
data: AOA = []
浏览 15提问于2020-02-15得票数 0
回答已采纳
1回答
使用异步函数TypeScipt导入Excel文件
javascript、angular、typescript、asynchronous
我正在尝试使用xlsx angular库将excel文件导入到我的页面中：
使用xlsx库文档中的一些指导，我创建了以下函数：
public async ParseExcelFile(excelFile)
{
//Set up empty Excel Array
let excelContents : Array<any> = [];
let error : any = null;
return new Promise<Object>((resolve, reject) =>
{
var file = document.getElementById(e
浏览 15提问于2020-02-13得票数 0
1回答
如何从FileReader() onload获取数据
javascript、node.js
我正在使用XLSX将excel数据转换为json，并且必须将接收到的数据从onload发送到其他函数。excel到json的转换只是文件而已。 var files = e.target.files;
var f = files[0];
var reader = new FileReader();
reader.onload = e => {
var data = new Uint8Array(e.target.result);
var workbook = XLSX.read(data, { type: "array&
浏览 343提问于2020-07-20得票数 0
回答已采纳
3回答
是否可以读取excel表格并仅在前端显示其内容？
excel、angular、typescript
我在想，如果我可以用XLSX读取excel表格的内容，并在前端显示它的内容。
我尝试使用以下命令读取文件
tmpArray= [];
reader.onload = function(e : any) {
var data = new Uint8Array(e.target.result);
var workbook = XLSX.read(data, {type: 'array'});
let worksheet = workbook.Sheets[workbook.SheetNames[0]];
// sample values //
le
浏览 0提问于2019-10-29得票数 0
1回答
用n行头读取excel文件的角度
javascript、excel、angular、typescript、frontend
我想从第5行开始(比方说)读取一个excel文件作为标题，并读取标题为“colName1”、“colName2”和“colName3”的列(如果无法使用这么多的规范读取，那么根据规范获取数据的一部分)。有什么简单的方法吗？我遇到的所有代码都是使用多个嵌入式脚本来完成这项工作。
这是我想出的密码。它读取选定的excel并在控制台中显示它的JSON。它无法处理头不在第一行且不读取指定列的文件。
<div class="col-md-8 form-group">
<input type="file" class="form-c
浏览 3提问于2020-04-27得票数 0
回答已采纳
1回答
将对象推送到数组vue.js
javascript、vue.js
我正在从excel中获取数据，并试图将数据保存到数组中。当我上传excel文件时，我想将对象推入一个空数组中，但是我得到了这个错误Uncaught TypeError: Cannot read properties of undefined (reading 'push')。这是我的代码：
<template>
<div id="app">
<input
type="file"
name="xlfile"
id="xlf"
v
浏览 10提问于2022-02-22得票数 0
1回答
跳过JavaScript Sheet-JS中的XLSX在Excel中启动空行
javascript、excel、xlsx、sheetjs、r-xlsx
当标题行位于第1行时，下面的代码工作得很好
readerData(rawFile) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = e => {
const data = e.target.result;
const workbook = XLSX.read(data, { type: "array" });
浏览 4提问于2022-05-26得票数 0
1回答
希特杰，反应。我正在读取一个巨大的XLSX文件，但我不想从第0行开始，而是从最后一行开始
javascript、reactjs、xlsx、sheetjs
我的任务是导入和解析一个巨大的XLSX文件，并将其显示为仪表板(我知道这将是后端的一项任务，但我需要在前端完成)。
我需要最后100排，有人能帮我吗？到目前为止，这是我的代码：
const handleFile = async(e) => {
const file = e.target.files[0];
const data = await file.arrayBuffer();
const workbook = XLSX.readFile(data, {sheetRows: 100});
const worksheet = workbook.Sheets[workbook.S
浏览 11提问于2022-07-14得票数 0
回答已采纳
6回答
使用XLSX从excel上传的角获取标头
excel、angular、file-upload、import、xlsx
我想从上传的excel文件中获得第一行(姓名、电子邮件、移动)数组。
我在用XLSX。
我要把整个数据整理成数组。但是，我只想读上面的台词。因为,
我的excel文件很大。
onFileChange(event) { //when user uploads xls file
const fileList: FileList = event.target.files;
if (fileList.length > 0) {
const file: File = fileList[0];
const reader = new F
浏览 0提问于2018-08-21得票数 2
回答已采纳
1回答
以角度导入多个文件
angular、typescript
我想在我的角度应用程序中导入一个文件，当我第一次点击按钮导入一个文件时，导入就成功了，但是第二次它失败了。
<input type="file" name="file" (change)="fileChange()" #fileInput style="display: none" />
<button type="button" class="btn btn-primary" (click)="fileInput.click()">EXCEL</bu
浏览 3提问于2020-01-17得票数 0
1回答
如何使用ReactJS在数组中赋值
javascript、arrays、reactjs、excel、sheetjs
我是ReactJS的新手，我想阅读excel文件并在react项目中显示数据。为此，我可以成功地从excel文件中读取数据。现在，问题是我无法在react项目上显示数据。我搜索了这个问题，发现数组值不是这样定义的.
帮助我显示React项目中的数据。
import React from 'react'
import { Table } from 'react-bootstrap'
import * as XLSX from 'xlsx'
import Accordion from './component/accordion'
浏览 4提问于2020-09-17得票数 0
回答已采纳
8回答
用节点解析XLSX并创建json
javascript、json、node.js、excel、xlsx
好的，我发现这个文件很好的node_module叫做
问题：如何将xlsx解析为输出json？
下面是excel表的样子：
最后，json应该是这样的：
[
{
"id": 1,
"Headline": "Team: Sally Pearson",
"Location": "Austrailia",
"BodyText": "...",
"Media: "..."
},
{
"id"
浏览 6提问于2015-06-16得票数 60
回答已采纳
1回答
nextjs解析来自传入请求的API路由上的XLSX
axios、next.js、xlsx、body-parser、sheetjs
我一直在尝试通过将XLSX解析转移到NextJS路由来减小API包的大小。它使用npm XLSX (sheetjs)包，并从选定的xlsx中提取JSON。
我在前台做的是
let res;
let formData = new FormData();
formData.append("file", e.target.files[0]);
try {
res = await axios.post("/api/importExcel", formData);
} catch (e) {
createCriticalError(
浏览 12提问于2021-06-01得票数 2
3回答
Angular:从FileReader返回Observable / ES6 Promise
angular、typescript、rxjs、observable、es6-promise
我试图从FileReader返回结果，但我发现了实现。但由于它已经过时了，我想知道如何使用ES6 Promises或Rx Observables实现相同的功能。
下面是我引用上述链接的代码，它按预期工作。
import { Injectable } from '@angular/core';
import * as XLSX from 'xlsx';
import * as XLS from 'xlsx';
@Injectable()
export class ExcelReaderService {
constructor() { }
浏览 2提问于2017-10-01得票数 17
回答已采纳
1回答
Firebase云函数，用于从firebase存储中解析文件
typescript、firebase、google-cloud-functions、firebase-storage
下面的函数之前是由firestore中的onCreate触发的，但我更喜欢将其作为(新的) onCall。我测试过它的不同版本，它在20%的时间里都能工作。从我在网上读到的信息来看，这意味着我没有正确处理我的退货和承诺。如果有人能告诉我我做错了什么，或者给我一些建议，我将不胜感激。
export const DataStoreCall = functions.https.onCall((datas) => {
const filePath = 'goodfile';
const tempLocalFile = path.join(os.tmpdir(), filePath
浏览 1提问于2018-06-23得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
