将excel导入转化为json格式数据

最新推荐文章于 2025-06-21 18:06:06 发布

weixin_30765505

最新推荐文章于 2025-06-21 18:06:06 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

文章标签： json 前端数据库 ViewUI

原文链接：http://www.cnblogs.com/jeemia/p/11140452.html

本文介绍了如何在前端通过代码将Excel文件导入并转化为JSON格式数据，包括上传文件组件的使用和解析转换的关键JS代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不说，直接上代码
首先前端是一个上传文件的组件，第一步加载文件，第二部导入，在导入的时候就会触发方法对Excel进行解析，转化为json数据！

<p-fileUpload name="file"
accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
chooseLabel="批量申请" uploadLabel="批量导入" cancelLabel="取消导入" customUpload="true"
(uploadHandler)='uploadHandler($event)'>
</p-fileUpload>

下面是实现的前端效果：

下面是实现转换的主要js:

/**
* 将解析的json数据分装到一个临时数组
*  @param event 
*/
uploadHandler(event) {
    this.parseXlsxToJson(event.files[0]).subscribe(resp => {
      this.up = resp;
      this.up.forEach(element => {
        // delete element['xuhao'];
        element['字段1'] = e