前端实现word预览功能
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;