react-file-viewer-v2

Extendable file viewer for web

react-file-viewer-v2 is a small package for viewing files on the web inspired by react-file-viewer

Install

npm install --save react-file-viewer-v2

Supported file formats:

Images: png, jpeg, gif
pdf
docx
Video: mp4, webm
Audio: mp3

Usage

There is one main React component, FileViewer, that takes the following props:

fileType string: type of resource to be shown (one of the supported file formats, eg 'png'). Passing in an unsupported file type will result in displaying an unsupported file type message (or a custom component).

filePath string: the url of the resource to be shown by the FileViewer.

unsupportedComponent react element [optional]: A component to render in case the file format is not supported.

import React, { Component } from 'react'

import { FileViewer } from 'react-file-viewer-v2'

class Example extends Component {
  render() {
    return <FileViewer
      fileType="pdf"
      filePath={pdf}
    />
  }
}

npm