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('GE