react-file-viewer

  •        1435

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.

https://github.com/plangrid/react-file-viewer#readme

Dependencies:

comma-separated-values : ^3.6.4
prop-types : ^15.5.10
react : ^15.5.4
react-data-grid : ^2.0.42
react-dom : ^15.5.4
react-visibility-sensor : 3.6.2
mammoth : 1.3.6
three : 0.85.2
xlsx : ^0.10.1
pdfjs-dist : 1.8.357

Tags
Implementation
License
Platform

   




Related Projects

react-native-doc-viewer - React Native Doc Viewer (Supports file formats: xls,ppt,doc,xlsx,pptx,csv,docx,png,jpg,pdf,xml,binary

  •    Objective-C

React Native Native Module Bridge Quicklock Document Viewer for IOS + Android supports pdf, png, jpg, xls, ppt, doc, docx, pptx, xlx + Video Player mp4 supported

react-json-tree - React JSON Viewer Component, Extracted from redux-devtools

  •    Javascript

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. Check out examples directory for more details.

github-issues-viewer - A gitub issues viewer build in react + backbone

  •    Javascript

This is a viewer of github issues that is entirely client-side. It demonstrates one way of building a slightly-more-than-trivial app with facebook's React framework. All requests to the github api are anonymous, so they cap it at 60 requests/hour.

react-templates - Light weight templates for react

  •    Javascript

Lightweight templates for React. React Templates compiles an *.rt file (react template file - an extended HTML format) into a JavaScript file. This file, which uses AMD syntax, returns a function. When invoked, this function returns a virtual React DOM based on React.DOM elements and custom user components.


react-dart - Dart Bindings for React JS

  •    Javascript

If you are not familiar with the ReactJS library, read this react tutorial first. In a .html file where Include the native javascript react and react_dom libraries (provided with this library for compatibility reasons) within your .html file, and add an element with an id to mount your React component into.

react-uploady - Modern file uploading - components & hooks for React

  •    Javascript

Modern file-upload components & hooks for React. React-Uploady is a lightweight library - enabling you to build (client-side) file-upload features with just a few lines of code. RU provides the foundations needed to upload files from the browser - The rest is up to you.

react-engine - a composite render engine for universal (isomorphic) express apps to render both plain react views and react-router views

  •    Javascript

Pass in a JavaScript object as options to the react-engine's server engine create method. The options object should contain the mandatory routes property with the route definition.routesFilePath: <String> - path for the file that contains the react router routes. react-engine uses this behind the scenes to reload the routes file in cases where express's app property view cache is false, this way you don't need to restart the server every time a change is made in the view files or routes file.

react-pdf-js - A React component to wrap PDF.js

  •    Javascript

react-pdf-js provides a component for rendering PDF documents using PDF.js. Written for React 15/16 and ES2015 using the Airbnb style guide.

Awesome-JSON-Viewer - :fire: A Chrome extension to visualise JSON response and introduce awesome JSON prettifying experiences

  •    Javascript

A Chrome browser extension to visualize JSON response in awesome Tree and Chart view with great user experience and options.

v-viewer - Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer

  •    Javascript

To use v-viewer, simply import it and the css file, and call Vue.use() to install. Just add the directive v-viewer to any element, then all img elements in it will be handled by viewer.

react-pdf - Display PDFs in your React app as easily as if they were images.

  •    Javascript

Display PDFs in your React app as easily as if they were images. Minimal demo page is included in sample directory.

react-touch - React photo viewer for mobile

  •    Javascript

This demo uses ReactHack to build a high-performance, lazy-loading 3d intertial touch app targeted at the iPhone 5. It really shows off what web technologies can do these days.

react-native-fetch-blob - A project committed to making file access and data transfer easier, efficient for React Native developers

  •    Javascript

wkh237's last Github activity was in September 2017, and he has not reacted to emails either. This repository no longer is the main location of "react-native-fetch-blob". That means issues and PRs should be posted there.

open3mod - Open 3D Model Viewer - A quick and powerful 3D model viewer

  •    CSharp

A general-purpose 3D model viewer. Based on Open Asset Import Library, it supports reading about fourty 3D file formats, including FBX, DXF, Collada, Obj, X, PLY, 3DS, LWO, LWS, STL and IFC (full list). 3-clause BSD license. Read LICENSE for the details, but it boils down to "use as you like but reproduce the copyright notice".

Papaya - A pure JavaScript medical research image viewer.

  •    Javascript

Papaya is a pure JavaScript medical research image viewer, supporting DICOM and NIFTI formats, compatible across a range of web browsers. This orthogonal viewer supports overlays, atlases, GIFTI & VTK surface data and DTI data. The Papaya UI is configurable with many display, menu and control options and can be run on a web server or as a local, shareable file. Load tests/debug_local.html or tests/debug_server.html in your favorite JavaScript debugger.

react-native-login - :iphone: An example React Native project for client login authentication

  •    Javascript

react-native-login is an example React Native project showing how to use a WebView and react-native-cookies to login to your existing backend. An example server, using Express and Passport is included within this project under the ./server folder. You can use any server though, just be sure to change cookie.remember_me to whatever the name for your persistent cookie is, within the ./ReactNativeLogin/App/components/App.js file. Follow the installation instructions to learn more.

light-blue-react-template - Light Blue React Template - Admin Dashboard Template built with React

  •    Javascript

This dashboard is a lite version (containing only few components) of our Light Blue React. There are all ready-to-use components, that are in full version. It is built on the top of React 16, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file. We have implemented some basic pages, so you can see our template in action.

language-babel - ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM

  •    CoffeeScript

Language grammar for all versions of JavaScript including ES2016 and ESNext, JSX syntax as used by Facebook React, Atom's etch and others, as well as optional typed JavaScript using Facebook flow. This package also supports highlighting of GraphQL language constructs when inside certain JavaScript template strings. For .graphql and .gql file support please see language-graphql . The colour of syntax is determined by the theme in use. By default the language-babel package will detect file types .js,.babel,.jsx, .es, .es6, .mjs and .flow. Use the standard ATOM interface to enable it for other file types. This provides a grammar that scopes the file in order to colour the text in a meaningful way. If other JavaScript grammars are enabled these may take precedence over language-babel. Look at the bottom right status bar indicator to determine the language grammar of a file being edited. language-babel will be shown as either Babel or Babel ES6 JavaScript. Clicking the name will allow the grammar for a file to be changed.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.