PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出

用户上传文件后，pc端可以下载文件，但是手机端下载文件就很不方便，手机的端需要直接将附件查看，所以需要

react-file-viewer

这个npm包

可以根据自己本地开发环境npm的配置通过命令，在自己的前端目录下进行安装

npm install react-file-viewer或者cnpm install react-file-viewer

在页面中直接引用使用

import FileViewer from 'react-file-viewer';

<FileViewerfileType={props.info.data.typeFile}//文件类型filePath={props.info.data.url} //文件地址onError={onError} //函数[可选]：当文件查看器在获取或呈现请求的资源时发生错误时将调用的函数。在这里能够传递日志记录实用程序的回调。errorComponent={console.log("出现错误")} //[可选]：发生错误时呈现的组件，而不是react-file-viewer随附的默认错误组件。unsupportedComponent={console.log("不支持")} //[可选]：在不支持文件格式的状况下呈现的组件。/>

filePath 要展示的文件的路径，我这里是引用的动态文件，直接请求的文件下载路径接口，

下载接口为http://1.1.1.1:8080/filedown?filename=文件名称.docx

直接就可以下载预览。

本地开发过程中，构建时报错了npm堆栈，内存溢出，是因为本地环境，分配给npm构建的空间不足导致的，需要将自己系统中的npm构建空间加大。在本地cmd命令中使用

setx NODE_OPTIONS --max_old_space_size=10240 可对本地环境进行扩容。

在服务器的docker环境中时，构建的时候，需要在构建命令使用如下命令

export NODE_OPTIONS=--max_old_space_size=8192
npm run build --max_old_space_size=8192

使npm在构建的时候扩容构建环境。

PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出相关推荐

前端页面预览word_前端实现在线预览文档
前端实现在线预览文档发布时间:2019-06-03 17:22, 浏览次数:529 <>前端实现在线预览文档最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式 ...
在线预览文档 Office Online
前言一直想学习做个在线预览文档的功能,今天使用Office Online Server 2016进行实现在线预览功能. 服务器版本选择:Office Online Server 2016搭配wind ...
nopi word to html,C# 基于NPOI+Office COM组件实现20行代码在线预览文档（word，excel，pdf，txt，png）...
由于项目需要,需要一个在线预览office的功能,小编一开始使用的是微软提供的方法,简单快捷,但是不符合小编开发需求, 就另外用了:将文件转换成html文件然后预览html文件的方法.对微软提供的方法 ...
【板栗糖GIS】怎么将网络上只能在线预览文档另存为pdf（插件篇）
怎么将网络上只能在线预览文档另存为pdf(插件篇) 目录 1.使用插件,这里推荐FireShot,好用免费 2.安装该插件的方式 3.打开在线预览文档的网址 4.点击插件-截取整个页面并且-另存为pd ...
PHP 在线预览文档
PHP 在线预览word.excel.ppt.pdf.txt等文档文件. PHP 在线预览文档写代码比较少的方案. // PDF.text可以直接网页打开查看 // word.excel.ppt 文 ...
OpenOffice在线预览文档
使用OpenOffice在线预览文档开发中遇到了一个需求,需要在线预览word文档,excel表格,pdf等等文件,于是经过一圈Google,发现了这个工具,openoffice会把文档转为pdf文 ...
前端实现在线预览文档
前端实现在线预览文档最近项目开发中需要实现在线预览Word,Excel,PowerPoint格式的文档,网上查找了很多资源,各说纷纭,但是在一一尝试之后只有使用微软的预览接口才能成功,其他的会出现各 ...
html怎么转换到百度,类似百度文库在线预览文档flash版（支持word、excel、ppt、pdf）+在线预览文档html版...
类似百度文库在线预览文档flash版(支持word.excel.ppt.pdf)+在线预览文档html版 (1).将文档转换为html,只支持支持office文档 (2).将文档转换为flash,实现 ...
java实现openoffice在线预览文档
1.openoffice需要导入的jar包 jodconverter-core-3.0-beta-4.jar juh-3.2.1.jar jurt-3.2.1.jar ridl-3.2.1.jar u ...

PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出

PC端、手机端在线预览文档组件react-file-viewer与npm构建内存溢出相关推荐

最新文章

热门文章