sheetjs导入Excel(.xlsx)文件并解析为JSON或HTML格式

最新推荐文章于 2025-02-28 17:08:42 发布

花开花落年年

最新推荐文章于 2025-02-28 17:08:42 发布

阅读量2.3k

点赞数 1

分类专栏： JavaScript 文章标签： excel json javascript

本文链接：https://blog.csdn.net/nineteenthdog/article/details/110475276

版权

本文介绍了如何使用SheetJS库来导入.xlsx文件，并将其内容解析为JSON和HTML格式。通过安装SheetJS，监听上传事件，可以实现Excel文件的上传与转换，展示包括源文件和转换后效果的对比。

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

sheetjs github地址
 sheetjs 效果演示

安装

npm install xlsx
```
 const XLSX = require("xlsx");
```

使用

上传文件

    <input
      type="file"
      ref="upload"
      accept=".xls,.xlsx"
      class="outputlist_upload"
    />

监听上传事件

转换为html sheet_to_html
转换为json sheet_to_json
更多其他方法见底部。

  mounted() {
   
    this.$refs.upload.addEventListener("change", e => {
   
      this.inputFile(e);
    });
  methods: {
   
    inputFile(e) {
   
      //获取到选中的文件
      const file = e.target.files[0];
      const type = file.name.split(".");
      if (type[type.length - 1] !== "xlsx" && type[type.length - 1] !== "xls") {
   
        alert("只能选择excel文件导入");
        return false;
      }
      const reader = new FileReader();
      reader.readAsBinaryString(file);
      reader.onload = e => {
   
        const data = e.target.result;
        const zzexcel = XLSX.read(data, {
    type: "binary" }); // 解析文件
        let result = [

最低0.47元/天解锁文章