前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组

简介: 前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组

一、简介

  • 可以在 vuereactjs … 等前端开发中,将 excelcsv 文件转成 json 对象提交给服务器。
  • 只需要导入文件,即可获得转出的 json 数组对象,每个 sheet 一个数组,其次每行一个数组,再其次每个单元格的值存放到行数组中,支持合并的单元格解析。

二、使用

  • 安装
$ npm i ex2json
  • 引入
import ex2json from "ex2json";
  • 使用
<template>
  <input type="file" @change="read" />
</template>
<script>
  import ex2json from "ex2json";
  export default {
    methods: {
      read(e) {
        // 文件对象
        const file = e.target.files[0];
        // 转成成 json
        ex2json.parse(file, (code, res) => {
          console.log(code, res);
        });
      },
    },
  };
</script>
相关文章
|
2月前
|
前端开发 JavaScript 开发者
【前端开发者的福音】彻底改变你编码习惯的神奇数组迭代技巧——从基础到进阶,解锁 JavaScript 数组迭代的N种姿势!
【8月更文挑战第23天】在Web前端开发中,数组是JavaScript中最常用的数据结构之一,掌握高效的数组迭代方法至关重要。本文详细介绍了多种数组迭代技巧:从基础的`for`循环到ES6的`for...of`循环,再到高阶方法如`forEach`、`map`、`filter`、`reduce`及`some`/`every`等。这些方法不仅能提高代码的可读性和维护性,还能有效优化程序性能。通过具体的示例代码,帮助开发者更好地理解和运用这些迭代技术。
26 0
|
9天前
|
存储 JSON JavaScript
js中JSON的使用
介绍JSON的基本概念和在JavaScript中的使用方式,包括JSON格式的语法规则、使用`JSON.stringify()`和`JSON.parse()`方法进行对象与字符串的转换,以及处理JSON数组数据。
js中JSON的使用
|
3天前
|
JSON JavaScript 前端开发
js如何格式化一个JSON对象?
js如何格式化一个JSON对象?
10 3
|
12天前
|
JSON JavaScript 数据格式
vue写入json数据到文本中+vue引入cdn的用法
vue写入json数据到文本中+vue引入cdn的用法
|
9天前
|
XML JSON JavaScript
js的json格式
js的json格式
|
16天前
|
存储 JSON JavaScript
JavaScript JSON
JavaScript JSON
30 5
|
9天前
|
前端开发 JavaScript
前端基础(十六)_数组对象
本文详细介绍了JavaScript中数组对象的创建和操作方法,包括数组的增删改查、排序、去重、迭代等常用操作。
11 0
|
2月前
|
前端开发 JavaScript 算法
|
2月前
|
JavaScript 前端开发 算法
|
2月前
|
存储 前端开发 JavaScript
数组操作大揭秘:Web前端开发者必备技能!
【8月更文挑战第23天】本文介绍了JavaScript中数组的基本操作方法,包括创建、添加、删除元素、获取数组长度与特定索引的元素、修改元素以及判断元素是否存在等。此外还展示了如何利用 `concat()` 方法或扩展运算符合并数组。这些实用示例有助于前端开发者更好地理解和应用数组。
26 0
下一篇
无影云桌面