移动端在线预览附件(pdf、excel、ppt、txt)
预览文件三种方法;############################################################################1、如果你的业务场景只需预览pdf;使用这个☟pdfh5.jspdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件**react、vue均可使用!!****ios和安卓手机均可用**2、需要
·
预览文件三种方法;
############################################################################
1、如果你的业务场景只需预览pdf;使用这个☟
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件
**react、vue均可使用!!** **ios和安卓手机均可用**
2、需要预览多种文件:
- 利用微软在线预览链接展示
假如你的文件链接是: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>
喜 欢 的 话 留 个 小 心 心 呗 ~ ~
更多推荐
已为社区贡献3条内容
所有评论(0)