Question

在Typescript中，执行错误“无法读取未定义的属性'replace'”

const xlsx = XLSX.readFile(fileName);

filename是现有文件的路径；我已经读到“ readFile仅在服务器环境中可用。浏览器没有用于读取给定路径的任意文件的API，因此必须使用另一种策略。” 我该怎么办？

编辑：我要读取的文件是xlsx；它是压缩的：库中有错误吗？我正在运行xlsx@0.15.1

Answer 1

NodeJS API允许您使用文件系统API。
浏览器API允许您从服务器获取任何类型的数据。

因此，基本上，您需要将文件放置在本地或远程服务器上，然后使用XLSX.read(data, options)读取并读取文件

fetch('http://localhost:8080/public/filename.ext')
   .then(response => response.arrayBuffer())
   .then(buffer => {
         const xlsx = XLSX.read(new Uint8Array(data, {type: 'array'}));
         // process data here
         ...
    })
    .catch(err => console.error(err));

反之，如果您不想在服务器上托管文件，则可以尝试FileReader API，这有点复杂。

您可以在本文中阅读有关FileReader和File的信息："Reading files in JavaScript using the File APIs"

Answer 2

在xlsx中读取文件既简单又灵活，您可以将数据存储在db或json文件中，以便以后可以呈现数据

 <input
        type="file"
        onChange={e => {
          const file = e.target.files[0]
          readExcel(file)
        }}
/>

现在上传文件时已读取文件

const readExcel = async (file: any) => {
    const fileReader = await new FileReader()
    fileReader.readAsArrayBuffer(file)

    fileReader.onload = (e: any) => {
      const bufferArray = e?.target.result
      const wb = XLSX.read(bufferArray, { type: "buffer" })
      const wsname = wb.SheetNames[0]
      const ws = wb.Sheets[wsname]

      const data = XLSX.utils.sheet_to_json(ws)
      const fileName = file.name.split(".")[0]

      console.log(data)
    }

github repo

使用XLSX.readFile读取文件

2 个答案: