移动端在线预览附件（pdf、excel、ppt、txt）

预览文件三种方法；

############################################################################

1、如果你的业务场景只需预览pdf；使用这个☟

pdfh5.js

pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件

**react、vue均可使用！！**
**ios和安卓手机均可用**

2、需要预览多种文件：

1. 利用微软在线预览链接展示

假如你的文件链接是：http://xxxxxxxx/123.doc"
公式： https://view.officeapps.live.com/op/view.aspx?src= + 你的文件链接

<template>
	<iframe :src="'https://view.officeapps.live.com/op/view.aspx?src=' + url" />
</template>
<script>
	export default {
		data() {
			return {
				url: 'http://xxxxxxxx/123.doc',
			}
		},
	}
</script>

使用起来的坏处：
1、pdf的文件有些打不开，其他文件均可；
2、会刷新页面：预览文件后，使用返回按钮返回上一页面会刷新页面；
由于小编当时的项目预览完文件后不能刷新页面，否则缓存的数据就没了，所有当时只能含泪放弃o((⊙﹏⊙))o

**3. XDOC文档预览云服务

好处：可以打开pdf文件、不会刷新页面
坏处：它是付费项目，只有十天的免费体验时间，不建议长期使用！！
调用方法 ：
https://view.xdocin.com/view?src=你的文档地址

<template>
	<iframe :src="'https://view.xdocin.com/view?src=' + url" />
</template>
<script>
	export default {
		data() {
			return {
				url: '你的文档地址',
			}
		},
	}
</script>

喜 欢 的 话 留 个 小 心 心 呗 ~ ~