@yeongjet/excel-image-transformer

excel-image-transformer

这是一个可以将 Excel 文件中的图片转换为字符串，并替换到图片放置的单元格中

Example

在 Angular 中的例子

import { Component } from '@angular/core';
import { Excel } from "excel-image-transformer";
import { UploadService } from "./upload.service"

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  constructor(
    private uploadService: UploadService
  ) { }

  onFileChange(e: any) {
    const target: DataTransfer = e.target;
    if (!target.files[0]) return;

    const fileReader = new FileReader();
    fileReader.onload = (e: any) => {
      const excel = new Excel();
      excel.load(e.target.result);
      excel.transformImagesToStr(async (file) => {
        // 通过 oss 上传图片然后得到图片的 url，并返回
        // 图片所在的单元格的内容就会被替换为 url
        const url = await this.uploadService.upload(file);
        return url;
      }).then(() => {
        const data = excel.getData();
        console.log("data", data);
        // 支持多个工作薄
        // 每个工作薄的数据就是一个二维数组
        // [{
        // 	"sheetName": "Sheet1",
        // 	"data": [
        // 		["A1 cell text", "B1 cell text", "https://xxx.com/image1.jpeg-ifwK"]
        // 	]
        // }, {
        // 	"sheetName": "Sheet2",
        // 	"data": [
        // 		["A1 cell text", "B1 cell text", "https://xxx.com/image1.jpeg-9nxS"]
        // 	]
        // }]
      });
    };
    fileReader.readAsArrayBuffer(target.files[0]);
  }
}