前端实现word预览功能

一. 文档地址要求
二. 调用方法
- 1. html方式
- 2. script方式

XDOC文档预览云服务：http://view.xdocin.com/
重要的事情说三遍：
注意：此方法借助了第三方云服务，会有短暂的试用期，超过试用期需要购买后才能继续使用。
注意：此方法借助了第三方云服务，会有短暂的试用期，超过试用期需要购买后才能继续使用。
注意：此方法借助了第三方云服务，会有短暂的试用期，超过试用期需要购买后才能继续使用。

一. 文档地址要求

文档地址以 http/https 开头，外网可访问

二. 调用方法

http://view.xdocin.com/xdoc?_xdoc=你的文档地址
文档地址要用utf-8编码，并且外网可访问

可选参数

参数	说明	默认值
&_pdf=true	word文档是否以pdf方式显示	默认false
&_watermark=水印文本	显示水印
&_saveable=false	是否允许保存PDF	默认true
&_printable=false	是否允许打印PDF	默认true
&_copyable=false	是否允许选择复制内容	默认true
&_toolbar=false	是否显示底部工具条	默认true
&_title=自定义标题
&_expire=30	预览链接有效期，单位分钟	默认永久有效
&_limit=	限制页数，如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效

1. html方式

<a href="http://view.xdocin.com/xdoc?_xdoc=http%3A%2F%2Fview.xdocin.com%2Fdoc%2Fpreview.docx">Word文档预览.docx</a>

2. script方式

无参预览

var xurl ="http://view.xdocin.com/xdoc?_xdoc=http%3A%2F%2Fview.xdocin.com%2Fdoc%2Fpreview.docx"
//window.location.replace(xurl);
window.location.href = xurl;

传参预览

//你的文档地址
var file = "http://view.xdocin.com/doc/preview.docx";
//XDOC文档预览服务地址
var xurl = "http://view.xdocin.com/xdoc?_xdoc=";
//传入文档地址
xurl += encodeURIComponent(file);
//预览参数
var ops = {// "_pdf": true, //word文档是否以pdf方式显示，默认false// "_watermark": "XDOC文档预览", //水印文本，显示水印// "_saveable": false, //是否允许保存PDF，默认true// "_printable": false, //是否允许打印PDF，默认true// "_copyable": false, //是否允许选择复制内容，默认true// "_toolbar": false, //是否显示底部工具条，默认true// "_title": "文档预览", //自定义标题// "_expire": 30, //预览链接有效期，单位分钟，默认永久有效// "_limit": "1,3", //限制页数，如：“5”表示只显示前5页，“2,5”表示从第2页开始的5页，对pdf/doc/docx/ppt/pptx有效
};
//传入预览参数
for (var a in ops) {xurl += "&" + encodeURIComponent(a) + "=" + encodeURIComponent(ops[a]);
}
//开始预览
//window.location.replace(xurl);
window.location.href = xurl;

JS - 实现word预览功能相关推荐

利用VC实现Word预览功能
通过VC实现word文档预览功能,即仅让浏览,不让复制.编辑和保存. 总体思路是:先调用office的ole接口,将word文档转换为pdf:再利用swtools将pdf转换为swf:最后利用VC自带 ...
js实现图片预览功能
最近在项目上遇到图片无法预览的问题,最后用change事件实现,不太完美但可以先使用 js代码 1 $(function () { 2 $("#Picture").change(f ...
带图片预览功能的图片上传
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
实现一下类似百度网盘的预览功能：支持Word、Excel、Ppt
本人技术小白一枚,前些天老大让我写一个office在线预览的一个功能,跟百度网盘类似,各种找资料,总结一下我觉得比较好用的方法. 网上大概有这几种office在线预览的方法. # 第一种利用offi ...
java 预览word文档_Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
原生js实现ajax的文件异步提交功能、图片预览功能.实例
采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> & ...
利用jquery.form.js实现Ajax无刷新图片上传及预览功能
某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...
本地如何预览php文件上传,如何实现js上传图片本地预览同时支持预览截图的功能...
在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围. 下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑. 准备:引入文件 ...
快速实现word、excel、ppt、txt等办公文件在线预览功能（Java版）
点击关注公众号,实用技术文章及时了解来源:blog.csdn.net/weixin_40986713/ article/details/109527294 java实现办公文件在线预览功能是一个大家 ...

JS - 实现word预览功能

前端实现word预览功能

一. 文档地址要求

二. 调用方法

1. html方式

2. script方式

JS - 实现word预览功能相关推荐

最新文章

热门文章