插件简介
永中云预览js插件版本不同于上述API接入服务,您可直接引入该js到网站中实现快速预览。该js插件免费试用,可用于您正式接入云预览服务前测试,若需增值服务,请按快速入门要求接入。
插件引用步骤
将entry.js(点击下载)文件放入项目中;
引入entry.js文件,entry.js文件会暴露一个getFileUrl方法,将需要预览的文件地址作为参数传入该方法后,浏览器会为你自动跳转到预览页面。
示例代码
示例中entry.js文件放在同级目录下
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方法,预览文件