前端丨如何使用 tcb-js-sdk 实现图片上传功能（含源码）

前言

tcb-js-sdk 让开发者可以在网页端使用 JavaScript 代码服务访问云开发的服务，以轻松构建自己的公众号页面或者独立的网站等 Web 服务。本文将以实现图片上传功能为例，介绍 tcb-js-sdk 的基本配置流程。

在使用云开发 Cloudbase 开发应用的过程中，除了借助云开发提供的数据库存储数据以外，常常还会遇到需要实现图片上传功能的需求，在这种情况下，可以通过 tcb-js-sdk 来完成图片上传的功能。接下来，我们来开发一个简易的图片上传功能，作为演示。

主要流程：

1. 引入 tcb-js-sdk

想要使用 tcb-js-sdk 来完成开发，我们需要在项目中引入 tcb-js-sdk ，从而可以借助其提供的 API 实现简单的调用云开发各项能力。

在具体的接入时，可以根据你的项目类型，选择使用 CDN 接入还是通过包管理器接入，这里我使用 CDN 来完成接入。

在项目中添加如下代码，并根据 NPM 上的说明，选择最新版本的 SDK ，比如当前最新版本是 1.7.1 版本，就可以将下方代码中的 ${version} 替换为 1.7.1 。

2. 配置用户登录

云开发的 API 调用需要用户具备身份，为了简化，这里我选择使用匿名登录，这样就可以更简单的完成项目的开发。关于匿名登录的用户配置，你可以在云开发的官方文档中找到相关的说明。当你将你的登录配置成这样的时候，就说明配置好了用户登录。

此外，你还需要将需要调用云开发 SDK 的网页配置到安全域名中，从而确保可以正常调用 API 接口。

在完成了用户登录的配置以后，可以在项目代码中加入用户匿名登录的配置