pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt

1.xls、xlsx、doc、docx、ppt、pptx、

属于office的预览，可以使用office的预览接口即可（需要考虑安全性）或者插件（file-viewer etc.)

格式：要预览的文件地址='https://view.officeapps.live.com/op/view.aspx?src='+要预览的文件地址

let URL = `https://view.officeapps.live.com/op/view.aspx?src=${encodeURI(filePath)}&name=${encodeURI(fileName)}`
//一般打开新窗口预览，利用window.open(URL)
//或者<a href={URL} target="_blank" rel="noopener noreferrer" >{fileName}</a>

2.txt

txt文件，利用a标签浏览器本身可以打开，或者使用iframe，但是可能会存在乱码（原因：没有使用utf-8解析），一般charset国内都采用utf-8格式，解决办法--利用接口获取数据，将数据转化为utf-8格式，再操作DOM将其插入节点内即可。

const loadFile = (path) => { let xhr = new XMLHttpRequest()xhr.open('GET', path, false); xhr.overrideMimeType("text/html;charset=utf-8");//默认为utf-8        xhr.send(null);//需要等DOM结构生成或者放在钩子里面即可setTimeout(() => {let preview = document.getElementById("preview");preview.innerText = `${xhr.responseText}`;}, 1000);
}

txt文件mimeType使用utf-8下载时可能会产生报错，拉取数据失败，失败原因是拉取的txt文件格式问题，后端那边需要加入一行代码，但是由于是采用的是第三方服务，反馈也需要时间修改，自立更生吧，只能把格式切换为blob数据流就可以拉取，利用返回提取文字

// 最好用 try catch 包裹一下让页面不挂
try {axios({method: 'get',url: `${path}?time=${new Date().getTime()}`,responseType: 'blob'}).then(res => {new Response(res.data).text().then(txt => {console.log(txt);});}).catch((error) => {// console.log(error);})
} catch (error) {// console.log(error)
}

参考文档：前端实现文件在线预览txt，pdf，doc，xls，ppt几种格式 - 思绪在漫游 - 博客园

前端 txt 文件转码方案 - 掘金

pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt相关推荐

解决OpenOffice文件预览转换xlsx文件出现com.sun.star.lang.IllegalArgumentException: URL seems to be an unsupported
OpenOffice在进行xlsx文件预览时出现发生如下错误: com.sun.star.lang.IllegalArgumentException: URL seems to be an unsup ...
vue - - - - - 在线预览常见文件格式 .doc, .docx, .xls, .xlsx,.pdf
在线预览常见文件 1.HTML5 - ```embed```标签 1.1 注意⚠️ 1.2 使用方式 2. HTML - ```iframe```标签 2.1 注意⚠️ 2.2 使用方式 3. HTM ...
使用POI将office（doc/docx/ppt/pptx/xls/xlsx）文件转html格式（附带源码）
妹子我写代码很辛苦/(ㄒoㄒ)/~~ ,转载请标明出处哦~http://blog.csdn.net/u011791526/article/details/73250358 本项目使用poi将offic ...
aspose文件预览，WORD正确，PPT转pdf找不到字体，且中文乱码
打包自己电脑上的字体: mv fonts.tar /usr/share/fonts # 若该目录不存在,可以先创建该目录mkdir /usr/share/fonts cd /usr/share/fo ...
kkFileView安装及使用——文件预览解决方案
目录一.前言二.kkFileView介绍三.kkFileView安装四.kkFileView的配置和使用一.前言网页端一般会遇到各种文件,比如:txt.doc.docx.pdf.xml.x ...
【githubshare】开源的文件文档在线预览项目，支持主流办公文档的在线预览，如 doc、docx、Excel、pdf、txt、zip、rar、图片等
GitHub 上一份硬核计算机科学 CS 自学计划,偏向软件工程和系统架构方向. 旨在帮助开发者制定一个为期 3-5 年的重学 CS 目标,夯实 CS 基本功,达到美国一流大学 CS 专业本科毕业水平 ...
doc, docx, xls, xlsx, ppt, pptx,txt。等文件转化为pdf
需要OpenOffice第三插件的支持 ,支持window\linux\mac等系统.doc", "docx", "xls", "xlsx& ...
React文件预览,React实现在线预览docx，xslx，pdf格式文件
一.前言由于项目需要实现文件的预览功能,通过查询百度找到了一个组件,就是react-file-viewer,其官方API中描述可支持文件格式有以下格式: 图片:png,jpeg,gif,bmp,包括 ...
java文件预览_java 在线预览doc，pdf
先说一说如何实现在线预览doc网上查了很多资料,基本思路就是将doc 转为 pdf,由于低版本浏览器不支持预览pdf,所以基本是再将pdf 转为 swf. 由于我这次做的需求只需要兼容chrome即可 ...

pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt

pc文件预览--xls、xlsx、doc、docx、ppt、pptx、txt相关推荐

最新文章

热门文章