react-file-viewer预览word报错

2024-10-29

React中使用react-file-viewer，实现预览office文件（pdf,word,xlsx等文件）前端实现

最近做一个项目要求在前端浏览器可以直接打开office文件(pdf,doc,xlsx等文件).pdf浏览器可以直接打开(可以直接用a标签href="文件地址"或者iframe标签src="文件地址"再或者使用pdf.js).但是word,xlsl等文件很难实现,网上的实现方式有微软的方法实现但是访问的文件地址必须是公共文件,所有人都能访问到才可以使用,显然是不行的,所以我就找到了react-file-viewer. 1.实现pdf预览.(1)用iframe标签src

openkm预览功能报错：flexpaper License key not accepted(no key passed to viewer)

openkm:6.3.4 使用google浏览器打开,想预览文件,但是pdf.word和图片都不能显示.只是显示空白. 换成IE后,再次尝试,发现了报错信息: 解决方案: 1- Stop openkm.2- Ensure you have deleted /webapps/OpenKM and work/Catalina/localhost folders3- Ensure you have cleaned the browser cache4- Start openkm

Android studio preview界面无法预览，报错render problem

1.查看报错信息,如果有报错,该叹号应为红色,点击查看报错,显示为render problem 2.打开res/styles.xml修改为如图,添加Base. 3.再打开preview界面

Asp.net MVC 利用(aspose+pdfobject.js) 实现在线预览word、excel、ppt、pdf文件

在线预览word.excel.ppt利用aspose动态生成html 主要代码 private bool OfficeDocumentToHtml(string sourceDoc, string saveDoc){ bool result = false; //获取文件扩展名 string docExtendName = System.IO.Path.GetExtension(sourceDoc).ToLower(); switch (docExtendName) { case ".doc&q

java通过url在线预览Word、excel、ppt、pdf、txt文档

java通过url在线预览Word.excel.ppt.pdf.txt文档中的内容[只获得其中的文字] 在页面上显示各种文档中的内容.在servlet中的逻辑 word: BufferedInputStream bis = null; URL url = null; HttpURLConnection httpUrl = null; // 建立链接 url = new URL(urlReal); httpUrl = (HttpURLConnection) url.openConnection()

【OfficeWebViewer】在线预览Word，Excel~

今天有个需求, 直接支持web端预览word,excel等文件, 查了一下很多写的比较麻烦, 这里找到一种简单的方式: http://view.officeapps.live.com/op/view.aspx?src= src后面填写你上传的文件地址, 例如:https://view.officeapps.live.com/op/view.aspx?src=http://opd9w8mwo.bkt.clouddn.com/%E6%B5%8B%E8%AF%95%E6%96%87%E6%A1%A3.

在React组件unmounted之后setState的报错处理

最近在做项目的时候遇到一个问题,在 react 组件 unmounted 之后 setState 会报错.我们先来看个例子, 重现一下问题: class Welcome extends Component { state = { name: '' } componentWillMount() { setTimeout(() => { this.setState({ name: 'Victor Wang' }) }, 1000) } render() { return <span>Welc

在线预览Word，Excel

今天在项目中遇到了在线预览word的需求,经过查阅资料与测试发现可以解决问题,特做记录: 方式: http://view.officeapps.live.com/op/view.aspx?src= src后面填写你上传的文件地址, 例如:https://view.officeapps.live.com/op/view.aspx?src=http://opd9w8mwo.bkt.clouddn.com/%E6%B5%8B%E8%AF%95%E6%96%87%E6%A1%A3.docx 很简单,Of

文档控件NTKO OFFICE 详细使用说明之预览word编辑保存回服务器

1.在线预览Word文件 (1) 运行环境 ① 浏览器:支持IE7-IE11(平台版本还支持Chrome和Firefox) ② IE工具栏-Internet 选项:将www.ntko.com加入到浏览器的可信站点中,不启用保护模式,并将HTTPS验证取消 ③ 如果是开发人员首次使用文档控件,需要将控件手动注册控件,获取控件的版本clisid以及版本信息Version(如果程序已经开发完则可以忽略此步骤) (2) 创建一个加载控件的JS文件,用户只需修改控件版本号Version,classid,c

Asp.Net在线预览Word文档的解决方案与思路

前几天有个老项目找到我,有多老呢?比我工作年限都长,见到这个项目我还得叫一声前辈. 这个项目目前使用非常稳定,十多年了没怎么更新过,现在客户想加一个小功能:在线预览Word文档. 首先想到的是用第三方的服务,例如WPS的开放平台. 刚看完文档,客户来了句,要一次性的哦,后续再付费的通通不要. 得嘞,换其他方案吧. 项目特点 Asp.Net不带Core,.NET Framework 4.0,部署在Windows平台上. 解决方案大致思路:先将Word文档转换Html,再预览Html. 1.Wor

.net 实现Office文件预览 Word PPT Excel 2015-01-23 08:47 63人阅读评论(0) 收藏

先打个广告: .Net交流群:252713569 本人QQ :524808775 欢迎技术探讨, 近期公司要求上传的PPT和Word都需要可以在线预览.. 小弟我是从来没有接触过这一块的东西感觉很棘手..不过网络是强大的,还是让我找到了解决方案,记载一下. 要实现无任何插件的预览,swf文件是比较好的. PDF则需要有这个插件才能预览..那么转换的过程如下以PPT 为例 : PPT →(由ASPOSE转换)→ PDF文件 →(由pdf2swf转换)→Swf文件最终由EXTJS嵌入Flex

.net 实现Office文件预览,word文件在线预览、excel文件在线预览、ppt文件在线预览

转自源地址:http://www.cnblogs.com/GodIsBoy/p/4009252.html,有部分改动使用Microsoft的Office组件将文件转换为PDF格式文件,然后再使用pdf2swf转换为swf文件,也就是flash文件在使用FlexPaper展示出来(优点:预览效果能接受,缺点:代码量大) 使用ASPOSE+pdf2swf+FlexPaper 关于ASPOSE大家可以到官网了解,这是款商业收费产品但是免费也可以使用 1.引用dll 这一步的前提是需要去官网下载组

上传图片预览JS脚本 Input file图片预览的实现示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Asp.net实现直接在浏览器预览Word、Excel、PDF、Txt文件（附源码）

功能说明输入文件路径,在浏览器输出文件预览信息,经测试极速(Chrome).IE9.Firefox通过分类文件及代码说明 DemoFiles 存放可测试文件 Default.aspx 启动页 ExcelPreview.cs Excel预览类 public static void Priview(System.Web.UI.Page p, string inFilePath, string outDirPath = "") { Microsoft.Offi

关于在线预览word,excel,ppt,pdf的需求处理方法。

参考文档:http://www.cnblogs.com/wolf-sun/p/3574278.html 我选用的方案:先用office com组件生成pdf,然后使用pdf.js在线预览pdf文档.在自己写demo的过程下遇到如下两个问题,在此记录一下,希望能帮助到遇到同类问题的兄弟姐妹们. 1.在服务器上安装Office Plus 2010后,使用其com组件生成pdf时出现权限错误 System.UnauthorizedAccessException: Retrieving the COM

uploadify 下载组件使用技巧和在线预览 word,excel,ppt,pdf的方案

http://www.cnblogs.com/wolf-sun/p/3565184.html uploadify 上传工具的使用技巧 http://www.cnblogs.com/wolf-sun/p/3569960.html [Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你!

input file 模拟预览图片。

首先申明,接下来内容只是单纯的预览图片,最多选择九张,并没有和后台交互,交互的话需要自己另外写js. 本来想写一个调用摄像头的demo,意外的发现input file 在手机端打开的话,ios可以调用图库或者摄像头,而安卓系统不能调用= =||.如果有人早知道,轻喷,我才发现... 我对于web这一块很感兴趣,希望能和大家一起交流,一起进步! 代码很简单,当我第一次发博客的纪念... 效果演示: 1.这是页面布局,基本没多少= =class随手起的,不要介意,懒... <body> <p

input上传图片（file）,预览图片的两种方法。blob与base64编码

上传图片时一般都需要预览,我一般用这两种方法来实现.base64编码可以直接上传到后台,后台解析下,得到的文件就会比较小了,省去了压缩图片这一步了. //获取对象input file 的图片地址,放进img $("#file").change(function () {//input的id var objUrl = getObjectURL(this.files[0]);//调用函数调取图片地址 obUrl = objUrl; console.log("objUrl = &q

基于ASP.NET MVC 利用(Aspose+Pdfobject.js) 实现在线预览Word、Excel、PPT、PDF文件

#region VS2010版本以及以上版本源码下载地址:http://download.csdn.net/download/u012949335/10231812 VS2012版本以及以上版本源码下载地址:http://download.csdn.net/download/u012949335/10232057 private bool PdfToHtml(string fileName, string tempFile, string saveDoc) { //---------------

IOS 预览word文档的集中方式

在iPhone中可以很方便的预览文档文件,如:pdf.word等等,这篇文章将以PDF为例.介绍三种预览PDF的方式,又分别从本地pdf文档和网络上的pdf文档进行对比. 预览本地PDF文档: 1.使用UIWebView控件 UIWebView是iPhone开发中最常用的控件之一,类似.net中的webBrowser控件.使用它预览PDF文件相当的方便和简单. 在UIWebView中预览PDF文档的关键代码如下: 效果: 2.使用CLPreviewController CLPreviewCont

php 在线预览word

一般类似oa或者crm等管理系统可能都会遇到需要再线查看word文档的功能,类似百度文库. 记得去年小组中的一个成员负责的项目就需要这个的功能,后面说是实现比较困难,就将就着用chm格式替代了.今天看到网上一遍文章<LINUX下面PHP文件转换>,介绍怎么样在linux下使用Openoffice 3 , Pdf2Swf tool , Jodconverter , FlexPaper,实现文档在线查看. 自己再ubuntu下进行的尝试安装,步骤如下: 因为ubuntu版本为10.0.4,open

react-file-viewer预览word报错

热门专题