npm install react-file-viewer@0.5.0。 有一个主要的React组件FileViewer,它具有以下道具: fileType字符串:要显示的资源类型(一种受支持的文件格式,例如'png')。传递不支持的文件类型将导致显示unsupported file type消息(或自定义组件)。 filePath 字符串:FileViewer显示的资源的URL(后台给返的二进制流也可以)。
如果你使用React< 16版本,你很可能需要安装React-file-viewer 0.5版本。 React-file-viewer可以用npm i react-file-viewer命令安装,下面的例子显示了React-file-viewer的一个简单例子: 复制 // MyApp.jsimport React, { Component }from'react';import loggerfrom'logging-library';import FileViewerfrom'react-file...
// MyApp.js import React, { Component } from 'react'; import logger from 'logging-library'; import {FileViewer} from 'react18-file-viewer'; import { CustomErrorComponent } from 'custom-error'; const file = 'http://example.com/image.png' const type = 'png' class MyComponent extends ...
npm install react-file-viewer@0.5.0. 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 ...
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:
React-file-viewer是一个可扩展的文件查看器,用于Web应用程序,支持PDF、图片、csv、xslx和docx。 这个库提供了一个名为FileViewer的组件,用来显示内容,它接受几个props: fileType String: 要显示的资源类型。如果你使用一个不支持的文件类型,将出现一个不支持的文件类型通知。
transcom / react-file-viewer Public forked from trussworks/react-file-viewer Notifications Fork 0 Star 0 main Breadcrumbs react-file-viewer / .node-version Latest commit HistoryHistory File metadata and controls Code Blame 1 lines (1 loc) · 7 Bytes Raw 1 18.20.2 ...
react版本小于16 需指定版本号 cnpm install react-file-viewer@0.5.0 start 1.安装插件 1 cnpm install react-file-viewer 2.组件引用 使用 1 importFileViewer from'react-file-viewer'; 2.1 --- informedUrl type 可动态传入 增加可扩展性 根据项目type 当前只可能是一种格式 (docx) 第三方返回 受限 故写...
{ defaultLayoutPlugin }from'@react-pdf-viewer/default-layout';// Import stylesimport'@react-pdf-viewer/core/lib/styles/index.css';import'@react-pdf-viewer/default-layout/lib/styles/index.css';// Create new plugin instanceconstdefaultLayoutPluginInstance = defaultLayoutPlugin();<ViewerfileUrl='/...
尽管我搜索了 react-file-viewer 的文件大小,但我找不到任何东西。 我想使用 react-file-viewer 单击文件名超链接并在新页面中打开文件(图像、文档或 excel 表)。渲染工作正常,除了图像/文档大小。 我有以下示例: import React from "react";import FileViewer from "react-file-viewer";import { Fragment } fr...