浏览器如何实现文件预览？

1.html标签或js处理：

（1）html：

<a href="文档地址"></a>  

（2）js：

 window.open（"文档地址"）; //新建窗口打开链接预览
 window.location.href = "文档地址";  //本页面内跳转链接实现预览

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

2.office online

let url = "https://view.officeapps.live.com/op/view.aspx?src=" + 文档url;

window.open（url）;  //新建窗口打开链接预览

或者

   window.location.href = url;  //本页面内跳转链接实现预览

   PDF好像要单独处理，用了一下感觉不太爽放弃了

3.pfile的文件预览(亲测好用，推荐这种！)

很简单一句话

window.open('http://www.pfile.com.cn/api/profile/onlinePreview?url='+encodeURIComponent(“文档地址”));

使了一阵完美，强烈推荐!!!!!!!!!!!!!