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
- 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}
/>
}
}
License
MIT © javier-mora