Vue实现文档在线预览
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
一、 Office Web Viewer(微软)
直接在浏览器中打开 Word、PowerPoint 或 Excel 文件,将下载链接转换为 Office Web Viewer 链接以在您的网站中使用
注意: 在 SharePoint 2019 中,可插入的文件类型仅限于 Word、Excel 和 PPt,(.doc、.docx、 xls、.xlsx、.pot、.potx、.ppt 和 .pptx) (不支持pdf)。
模式:view:只读模式,带功能菜单;embed: 只读模式,只有内容区。
移动端可使用embed模式,防止文档内数字相关内容无法显示。
优点:
1. 没有 Office也可以直接查看Office 文件
2. 适用于移动端、PC
3. 无需下载文件就可以在浏览器中查看
url直接查看:
let docUrl = 'https://view.xdocin.com/demo/view.docx';
let url = encodeURIComponent(docUrl);
let officeUrl = 'http://view.officeapps.live.com/op/view.aspx?src='+url;
window.open(officeUrl,'_target');
excel查看可选参数:
ActiveCell='Sheet1'!A1 // 默认选中单元格(url编码后的)
嵌入式查看:
<iframe src="http://116.62.207.35:7000/view/1475991719039856642"
style="width:100%;height:100%;" frameborder="0"></iframe>
excel查看可选参数:
ActiveCell='Sheet1'!A1 // 默认选中单元格(url编码后的)
wdHideGridlines=True // 隐藏网格线(有参数即为true)
wdHideHeaders=True // 隐藏行和列标题(有参数即为true)
wdDownloadButton=True // 包含一个下载链接(有参数即为true)
wdAllowInteractivity=True // 可以进行筛选和排序(有参数即为true)
AllowTyping=True // 可以在单元格中键入内容(不会保存所做的更改 有参数即为true)
二、阿里云IMM
结合对象存储(OSS)使用,提供文档的格式转换及预览等功能
三、XDOC文档预览云服务(pdf、word、xls、ppt)
(免费10天试用)
优点:
- 只需要传入文档URL,基于内容自动识别文档格式
- 高效、快速、实时预览,重复请求0毫秒响应
- 适用于PC端和移动端
- 支持PDF,OFD,DOC/X,XLS/X,PPT/X,JPG,MP4等多种文档格式
let docUrl = 'https://view.xdocin.com/demo/view.docx';
let name = '荷塘月色';
let url = encodeURIComponent(docUrl);
let officeUrl = 'http://view.xdocin.com/view?src='+url+'&title='+name;
window.open(officeUrl)
可选参数:
参数 | 默认值 | 说明 |
false | word文档尝试以pdf方式显示 | |
watermark | 显示文本水印。如:img:https://view.xdocin.com/demo/wm.png | |
saveable | false | 是否允许保存源文件 |
printable | true | 是否允许打印 |
able | true | 是否允许选择复制内容 |
toolbar | true | 是否显示底部工具条 |
title | 自定义文档标题 | |
expire | 预览链接有效期,单位分钟,默认永久有效 | |
limit | 限制页数。如:“5”表示只显示前5页,“2,5”表示从第2页开始的5页,对pdf/doc/docx/ppt/pptx有效 | |
filename | 文件名,辅助识别文档格式 | |
fontsize | 14 | 字体大小(单位px)。范围:6~58 |
mtime | 文件修改时间戳或修改时间,值改变刷新缓存 |
GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891
Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)