# docViewer

**Repository Path**: A-cai/docViewer

## Basic Information

- **Project Name**: docViewer
- **Description**: office 文档预览
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-07
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端实现在线预览pdf、word、xls、ppt等文件

最近做了一个项目，需要实现各种文档的在线预览功能。记得以前只能在线预览PDF，然后上网查了一下，发现微软开发了一个在线预览的，可以实现在线预览word、xls、ppt。

通过：

```html
<a target='_black' href='http://view.officeapps.live.com/op/view.aspx?src=$url'>
```

具体文档看这[微软接口文档](https://link.jianshu.com/?t=https%3A%2F%2Fblogs.office.com%2Fen-us%2F2013%2F04%2F10%2Foffice-web-viewer-view-office-documents-in-a-browser%2F%3Feu%3Dtrue)。

然后是pdf的在线预览，感觉特别容易，因为以前就是直接通过a链接查看。代码如下

```html
<a href="文档地址" target="_blank">在线预览</a>
```

结果居然不行，一盆凉水浇了下来，最后看了看发现不是a链接的问题，是因为我用的框架，所有的a链接都是通过PJAX进行了处理，所以实现不了PDF的在线预览。最后想了个办法，通过js处理，如下：

```html
<a href="#" οnclick="javascript:window.open('文档地址');"> 在线预览 </a>
```

完美解决问题，最后还百度了一些PDF其他的实现在线预览的办法，查看：

https://www.jianshu.com/p/2f39de746900