ReactでアップロードしたPDFファイルから文章を読み出す

Question

実現したいこと

<input type="file"> を使って読み込んだPDFファイルを開いて、中から文章を取り出したいと思っています。

どこまでできているか

コードはReact.jsを使って書いております。そこで読み込んだファイルに対して、FileReader()オブジェクトに中身をreadAsTextで読み出すところまでは出来ています。しかし、このままではパースされる前のPDFの中身しか読み出せていません。

class MainWindow extends React.Component {
  constructor(props) {
    super(props);

    this.fileSelected = this.fileSelected.bind(this);
  }

  handleFileUpload() {
    this.fileInput.click();
  }

  fileSelected(e) {
    var file = e.target.files[0];
    var reader = new FileReader();

    reader.onload = function(event) {
      console.log(event.target.result); // 読み込んだ生のPDFを表示
    };
    reader.readAsText(file);

    this.fileSubmit.click();
  }

  onFormSubmit(e) {
    e.preventDefault();
  }

  render() {
    const { classes } = this.props;
    return (
        <div>
          <main className={classes.content}>
            <div className={classes.addFile}>
              <form onSubmit={this.onFormSubmit}>
                <input
                  type="file"
                  accept="application/pdf"
                  multiple
                  ref={fileInput => this.fileInput = fileInput}
                  onChange={this.fileSelected}
                  style={{ display: "none" }}
                />
                <input 
                  type="submit" 
                  ref={fileSubmit => this.fileSubmit = fileSubmit}
                  style={{ display: "none" }}
                />
              </form>
              <Fab
                className={classes.fab}
                aria-label="add"
                onClick={() => this.fileInput.click()}
              >
                <AddIcon />
              </Fab>
            </div>
          </main>
        </div>
      );
  }
}

よろしくおねがいします。