前端预览PDF，Word，Excell，PowerPoint实现

最近需要给项目添加一个在前台在线浏览文件信息的功能。

1.PDF的在线预览：

1）ios系统中PDF可以提示下载，然后点击下载，使用本机上支持pdf的应用打开；

2）Android系统中显示补充来插件，内容及提示下载的内容；

兼容的做法就是，pdf类型的文件，只显示下载功能，让用户自行下载，并且自己找对应软件打开；

兼容的做法就是，如果文件时pdf类型的文件，则改为下载功能

 var a = document.createElement('a');

a.download = ‘filename.png’;

a.href=url; // 文件路径或者canvas.toDataURL()

a.dataset.downloadurl  = ['image/png',a.href].join(':');

document.body.appendChild(a);

a.click();

document.body.removeChild(a);

 

2.word,Excell,PowerPoint等微软的office系列文件的在线预览：

可以调用微软的在线预览接口来实现，具体参考office web viewer；

只要是属于office系的，都可以使用该接口实现在线预览，只需要给接口的src参数赋值自己的文件路径即可（文件路径必须是可以正常访问的）

 

转载于:https://www.cnblogs.com/auto123-num/p/10451140.html