前端预览excel插件_前端预览PDF,Word,Excell,PowerPoint实现

古城微笑少年丶 2022-12-31 08:27 664阅读 0赞

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

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

发表评论

表情:
评论列表 (有 0 条评论,664人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Bootstrap

    Bootstrap自带12种jQuery插件,可以给站点添加更多的互动。 站点引用Bootstrap插件的方式有两种 1.单独引用:使用个别的.js文件,一些插件和cs