在预览线上之前还得补习一下别的知识
在使用url进行参数传递时，经常会传递一些中文名的参数或URL地址，在后台处理时会发生转换错误.在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端javascript的encodeURI函数编码的URL，结果就不一样。
JavaScript对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent
线上预览word
过调用微软的在线预览功能实现
// 例子
https://view.officeapps.live.com/op/view.aspx?src=https%3A%2F%2Fiot.tronsystem.com%2Fgroup1%2Fpublic-communication%2Fchat%2F2022%2F04%2F19%2F15%2F345.docx&wdOrigin=BROWSELINK
src后面拼接的就是你要预览的word地址，建议用https，我使用http一直未成功
在线预览pdf
pdf文件理论上可以在浏览器直接打开预览但是需要打开新页面。在仅仅是预览pdf文件且UI要求不高的情况下可以直接通过window.open 让浏览器帮你实现
window.open('http://www.hgyx91.com/upload/editor/attached/file/20201007/20201007093754_53.pdf')
然后有一些文件就不支持，而是直接下载下来了
window.open('https://iot.tronsystem.com/group1/default/20221104/16/37/7/1-%E8%B6%85%E5%A3%B0%E8%B4%A8%E6%8E%A7-%E9%A1%B5%E9%9D%A2%E5%B1%95%E7%A4%BA.pdf')
那么就只能使用 PDF.js来实现预览了
PDF.js可以实现在html下直接浏览pdf文档，是一款开源的pdf文档读取解析插件，非常强大，能将PDF文件渲染成Canvas。PDF.js主要包含两个库文件，一个pdf.js和一个pdf.worker.js，一个负责API解析，一个负责核心解析。
标签：word,预览,js,window,线上,PDF,pdf From： https://www.cnblogs.com/ymscq/p/17108393.html