• 插件简介
  • 插件引用步骤
  • 示例代码
  • html文件内
  • module模块内
快速入门云预览云编辑格式转换
产品描述 > 预览js插件使用说明
预览js插件使用说明
更新时间:2021-09-10 15:57:30

插件简介

永中云预览js插件版本不同于上述API接入服务,您可直接引入该js到网站中实现快速预览。该js插件免费试用,可用于您正式接入云预览服务前测试,若需增值服务,请按快速入门要求接入。

插件引用步骤

  1. 将entry.js(点击下载)文件放入项目中;

  2. 引入entry.js文件,entry.js文件会暴露一个getFileUrl方法,将需要预览的文件地址作为参数传入该方法后,浏览器会为你自动跳转到预览页面。

示例代码

示例中entry.js文件放在同级目录下

20210910_161051_880939.png

html文件内

<!DOCTYPE html>

<html lang="en"> <head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>test</title>

    <!-- 引入entry.js文件 -->

    <script src="./entry.js"></script>

  </head> <body>

    <a id="click">点击预览文件</a>

    <script>

        const url = 'xxxxxx'; // url为预览文件地址

        document.getElementById('click').onclick = function() {

            getFileUrl(url) // 调用getFileUrl方法,预览文件

        }

    </script>

</body>

</html>

module模块内

import getFileUrl from './entry' // 引入entry.js文件中getFileUrl方法

const url = 'xxxxxx'; // url为预览文件地址 getFileUrl(url) // 调用getFileUrl方法,预览文件


上一篇
Go SDK
下一篇
常见问题
联系我们
客服电话:400-828-3598
交流QQ群:1095015295
永中软件股份有限公司
地址:无锡市新吴区震泽路18号
国家软件园三期 飞鱼座永中大厦
版权所有:永中软件股份有限公司 All Rights Reserved. 苏 ICP 备 10095690号-9