Extendable file viewer for web. Latest version: 1.2.1, last published: 5 years ago. Start using react-file-viewer in your project by running `npm i react-file-viewer`. There are 53 other projects in the npm registry using react-file-viewer.

Extendable file viewer for web. Note this module works best with react 16+. If you are using React < 16 you will likely need to use version 0.5. npm install react-file-viewer@0.5.0. There is one main React component, FileViewer, that takes the following props:

Use this online react-file-viewer playground to view and fork react-file-viewer example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

Mar 17, 2022 · 比如原来浏览docx文档，切换另一个docx的时候会出现切换不了的情况（实际上参数已经传过去，但是无法显示），但是从docx切换到excel，又从excel切换到另一个docx就可以正常使用。 注：之前想使用className添加 display: block|none 的方式切换，但是第二个文件block之后却无法正常加载显示,所以使用了另一种方法. fileArr. map (item => item. fileUrl === …

react-file-viewer. Extendable file viewer for web. Supported file formats: Images: png, jpeg, gif, bmp, including 360-degree images; pdf; csv; xslx; docx; Video: mp4, webm; Audio: mp3; Usage. Note this module works best with react 16+. If you are using React < 16 you will likely need to use version 0.5. npm install react-file-viewer@0.5.0.

Explore this online React File Viewer sandbox and experiment with it yourself using our interactive online playground. You can use it as a template to jumpstart your development with this pre-built solution.

Apr 21, 2022 · Custom File Loader. If you need to prevent the actual loading of the file by react-doc-viewer. You can decorate your custom renderer with a callback to do as you wish. e.g. Load the file yourself in an iFrame.

Nov 11, 2024 · 推荐项目：React-File-Viewer-在Web端轻松预览各类文件 项目地址:https://gitcode.com/gh_mirrors/re/react-file-viewer 是一个开源的前端组件库，专为React应用设计，能够帮助开发者在Web应用程序中无缝地预览多种类型的文件，包括图片、文档、PDF、音频和 …

react-file-viewer. Extendable file viewer for web. Supported file formats: Images: png, jpeg, gif, bmp, including 360-degree images; pdf; csv; xslx; docx; Video: mp4, webm; Audio: mp3; Usage. Note this module works best with react 16+. If you are using React < 16 you will likely need to use version 0.5. npm install react-file-viewer@0.5.0.

Oct 25, 2023 · react-file-viewer is a library that's designed to render different types of files in a React app. It's a document viewer that supports a variety of file formats, including but not limited to PDF, DOCX, XLSX, JPEG, PNG, and even WEBM audio files.