@polyv/chat-image-upload-sdk-ui-default v0.2.0-rc.1

保利威聊天室图片上传 SDK

功能概述

本项目是保利威直播聊天室图片上传的逻辑层 SDK。开发人员可以使用本 SDK 接入聊天室图片上传功能，或者基于本 SDK 定制开发图片上传界面。

使用

安装

npm i -S @polyv/chat-image-upload-sdk @polyv/chat-image-upload-sdk-ui-default

引入

在线文件引入方式

// 根据版本号引入JS版本。
<script src="https://websdk.videocc.net/chat-image-upload-sdk/x.x.x/lib/polyv-chat-image-upload.umd.js"></script>
<script>
const { PolyvChatImageUpload } = window.PolyvChatImageUpload;
</script>

引入 SDK 与组件

import { ChatImageUpload } from '@polyv/chat-image-upload-sdk';
// 按需引入组件
import Upload from '@polyv/chat-image-upload-sdk-ui-default/lib/Upload';

初始化

<Upload :uploadCtx="uploadCtx"/>

const uploadCtx = new ChatImageUpload({
  channelId,
  source: 'watch',
  onChange: (chatImage) => {
    // 此方法会返回上传的状态，可以根据返回的状态进行业务调整
    console.log(chatImage.status);
  }
});