如何使用react js正确读取所有文件类型

Posted 2023-01-08

enter image description here

我正在尝试使用react读取文件（可以是视频，图像，文本）。我想通过Node JS在IPFS中添加数据。在正常情况下（这意味着当我只写js时），我会这样：

const data = await fs.readFile(file_path)
console.log(data)
const filesAdded = await nodeDialer.add(
    path:file_path,
    content:data,
)
console.log(filesAdded)

可以轻松添加文件（任何类型的文件）。我尝试了fs，发现它仅在节点端起作用，而在反应端不起作用。而且无论我在哪里看，他们都对.txt文件或.csv文件使用了一些readastext函数。

所以找不到合适的解决方案。

答案

我用这个解决了：

  captureFile(event)
    const file = event.target.files[0]
    this.setState( file_path : file)
    console.log('--------------', this.state.file_path)
    const reader = new window.FileReader()
    reader.readAsArrayBuffer(file)
    reader.onloadend = () => 
      this.setState( buffer: Buffer(reader.result) )
      console.log('buffer --- ', this.state.buffer)
      console.log('path --- ', this.state.file_path.name)