JS - 实现word预览功能

前端实现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文档预览.docxa>

2. script方式

  1. 无参预览
    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;
    
  2. 传参预览
    //你的文档地址
    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,-,拓展库,javascript)