读写用户上传的文件ReactJS

问题描述

我有一个reactjs应用程序。它有点像文本编辑器。用户可以上传文件并读取/编辑文件。因此，我可以使用以下方法读取用户上传的txt文件：

displayFile = (i) => {
    this.setState({currentFileIndex: i})

    const reader = new FileReader();
    reader.onload = async (e) => {
      const text = e.target.result;
      this.setState({fileText: text})
    };
    reader.readAsText(this.state.files[i].file);

  };

onFileSelected = (event) => {
    var file = event.target.value;
    var startIndex =
      file.indexOf("\\") >= 0 ? file.lastIndexOf("\\") : file.lastIndexOf("/");
    var filename = file.substring(startIndex);
    if (filename.indexOf("\\") === 0 || filename.indexOf("/") === 0) {
      filename = filename.substring(1);
    }
    const filesArray = this.state.files;

    filesArray.push({ fileName: filename,file: event.target.files[0] });
    this.setState({ files: filesArray });
  };

输入的html是：

<input
          type="file"
          accept=".glm,.csv,.player,.txt"
          id="Editor_Screen_Upload_Input"
          style={{ display: "none" }}
          onChange={this.onFileSelected}
        />

那么，如果用户编辑文件，如何在状态下写入和保存？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

reactjs reactjs