前端预览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参数赋值自己的文件路径即可(文件路径必须是可以正常访问的)