移动端实现附件预览功能(doc/docx、xls/xlsx、ppt/pptx、pdf)

704 阅读1分钟

office在线预览最佳实现方式

1.简单的前端处理方式   或者JS

window.open(文档地址);  //新建窗口打开链接预览

window.location.href = 文档地址;  //本页面内跳转链接实现预览

这种方式在不同浏览器上表现不一样,部份手机浏览器直接不能直接不能打开或是表现为下载,基本不实用,如果预览PDF,可以使pdf.js这样的纯JS库但是实际场景用时要做各种格式判断浏览判断麻烦死了。

2.office online let url = "view.officeapps.live.com/op/view.asp…" + 文档url; window.open(url);  //新建窗口打开链接预览 或者 window.location.href = url;  //本页面内跳转链接实现预览  PDF好像要单独处理,用了一下感觉不太爽放弃了

3. pfile的文件预览

 很简单一句话

window.open('www.pfile.com.cn/api/profile…);

使了一阵完美,强烈推荐