实战|如何使用云开发实现照片附件上传开发

云开发是腾讯云提供的云原生一体化开发环境和工具平台，为开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用。

代码引入

在当前页面的.json 中引入组件

代码开发

在当前页面.wxml中编写上传组件

bindfail 图片上传失败的事件，detail为{type, errMsg}，type为1表示图片超过大小限制，type为2表示选择图片失败，type为3表示图片上传失败。 bindselect 图片选择触发的事件，detail为{tempFilePaths, tempFiles, contents},其中tempFiles和tempFilePaths是chooseImage返回的字段，contents表示所选的图片的二进制Buffer列表 max-count 图片上传的个数限制

在当前页面的.js中编写

属性参考文档：https://wechat-miniprogram.github.io/weui/docs/uploader.html

我们关联云开发之后，我们即可将照片上传到数据库中。

为方便管理，我们可以创建CMS内容管理器。

创建CMS内容管理器

点击云开发->更多->内容管理 进行开通。

2.云开发为大家准备了基础版，为大家提供了一定的免费额度。

设置管理员账号以及密码，温馨提示密码请牢记（如果忘记密码可以再内容管理器页面重置密码），设置完成后耐心等待系统初始化。

3.根据页面中提供的访问地址访问页面登陆后，创建新的项目（这里以花园假期为例）

4.我们在内容模型中创建照片上传管理（这里模拟情况为仅需要用户上传和记录用户id)

创建内容模型

如果需要用户上传多张照片，在设置照片字段时候需要勾选允许用户上传多张照片！

5.用户上传后我们可以再内容集合，相应模型中查看。

本文由博客一文多发平台 OpenWrite 发布！