React file viewer with pdf file

Question

I'm using React-file-viewer, and it works, except for PDF file: This is my code :

 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>

And I have this result:

I've pdfjs-dist on my dependencies. Do you have an idea?

Answer 1

use require at top like as follows. make sure, file mustnot be outside of src folder.

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);
}

Its working for pdf,video,audio and image file

Is this file viewer works for.docx file or.xls file? Could you please explain how to achieve this.