前端html实现在线预览word、excel、pdf等文件的功能

前端如何实现word、ofd、pdf、ppt、excel等文件的在线预览功能？

一、usdoc文档在线预览服务（word文件在线预览）

1. 第一种以HTMl的方式进行预览文件。此种模式下以HTML、CSS、JavaScript等元素成预览页面。使用方法如下：

   预览前缀+word文件地址
   预览前缀(地址是固定的)：http://vw.usdoc.cn/?src=
   Word文件地址(你要预览的word文件地址):http://usdoc.cn/vw/文件模板.docx
   完整预览例如: http://vw.usdoc.cn/?src=http:...文件模板.docx

   点击此处查看预览效果

    上面的预览模式是以HTMl的形式展现的，预览效果比较清晰。
    同时在预览时可以对文档进行加水印、试读文章前几页、文件转PDF、文件内容提取等操作

2. 第二种预览方式，以图片的形式预览文档。
3. 第三种预览模式，以SVG的形式预览word文件。

二、usdoc文档在线预览服务（OFD文件在线预览）

1. 第一种以HTMl的方式进行预览文件。此种模式下以HTML、CSS、JavaScript等元素成预览页面。使用方法如下：

预览前缀+OFD文件地址
预览前缀(地址是固定的)：http://vw.usdoc.cn/?src=
OFD文件地址(你要预览的OFD文件地址):http://usdoc.cn/vw/三好学生申请书v1.ofd
完整预览例如: http://vw.usdoc.cn/?src=http:...三好学生申请书v1.ofd

点击查看OFD文档在线预览效果