使用pdf文件反应文件查看器

Question

我正在使用React-file-viewer，除了PDF文件外它还可以使用！ 这是我的代码：

import React, { Component } from 'react';
import FileViewer from 'react-file-viewer'

class App extends Component {

  render() {
    return (
      <FileViewer fileType="pdf"
                  filePath="a.pdf" />
    );
  }

}

export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

我有这个结果：

我的依赖项上有pdfjs-dist。你有什么想法吗？

Answer 1

在顶部使用需求，如下所示。 确保文件一定不能在src文件夹之外。

import React, { Component } from 'react';
import FileViewer from 'react-file-viewer'
const filePath = require(filepath/filename.pdf);

class App extends Component {

  render() {
    return (
      <FileViewer fileType="pdf"
                  filePath={filePath} />
    );
  }

}

export default App;

Answer 2

FileViewer.open(filepath) .then(() =>{ 
console.log('success');
})
        .catch(error =>{ 
          console.log(error);
}

它适用于pdf，视频，音频和图像文件

此文件查看器适用于.docx文件还是.xls文件？您能解释一下如何实现吗？