如果你需要在 Web 端白板应用上传本地文件并在白板中展示,按照本文指引进行集成和开发。

前提条件

已经集成了 1.3.0 及以上版本的 Web 端白板 SDK,并完成了基础功能构建。

功能实现

alt

  1. 在业务服务端将用户上传的文件传至 TOS 服务器,并通过调用 Open API 在白板服务端发起转码任务。

  2. 调用 whiteBoard.createPages 或 whiteBoard.createPage,将转码结果封装为 WebPageInfo 格式,作为入参 pageConfigs 传入 SDK。

  3. 成功后收到 onCreatePages 回调。

whiteBoard.createPage(
  `${currentPageId}`, // 创建的页面将插入到指定的页面 ID 之后
  {
    pageId: `${uuid()}`,
    bkInfo:{},
    extra: '' //预留字段,业务方可根据情况设置
  },
  {
    autoFlip: true,  //是否自动翻页
  },
);
js