用FileReader上传

Question

我目前正在开发一个使用文件API的上传文件函数，它在png、jpg和gif上工作得很好，但我也在尝试上传和存储pdf，但当我检索上传的pdf时，它是不可读的(我使用pdfjs显示，'real‘pdf显示良好)。

我正在使用FileReader readAsDataUrl，就像在几个教程中看到的那样，但我对这个工具的了解相当有限。

下面是我的代码：

uploadMenu() {
if (this.state.title && this.state.file) {
  this.setState({loading: true})
  const self = this;
  const reader = new FileReader();
  reader.onloadend = function(e) {
    const data = reader.result;
    const jsonToSend = {
      "title": self.state.title,
      "position": self.state.select,
      "imageName": self.state.file.name,
      "image": data
    }
    fetch('/new/content/' + self.state.topID, {
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      dataType: 'json',
      method: "POST",
      body: JSON.stringify(jsonToSend)
    }).then((res) => res.json()).then((res) => {
      self.setState({loading: false})
      if (res.status === "ok") {
        self.props.close();
        self.props.refresh();
      } else {
        self.setState({errorMessage: res.status});
        self.setState({errors: true});
      }
    });
  };
  reader.readAsDataURL(this.state.file);
  this.setState({errors: false});
} else {
  this.setState({errorMessage: "All fields are required"});
  this.setState({errors: true});
}

任何关于FileReader的见解或者我错过的东西都会很棒！

Answer 1

至少，这两行中缺少分号(:)：

this.setState({loading: true})
self.setState({loading: false})