一、 小程序图片API介绍
在正式介绍云存储相关的使用之前,我们首先学习一下小程序的图片选择API。
如上图所示,在支付宝小程序中,图片I/O的API是my.chooseImage,这个接口方法是一个标准的小程序回调接口。
在success参数中接收图片上传成功时的回调函数,sourceType默认camera和album。支付宝小程序默认从相册或拍照选择图片。success回调函数返回两个参数。apFilePaths是图片的路径数组,tempFiles是图片的本地临时文件列表。
然后,我们复习一下电子书第二节提到的云存储的API。其中,uploadFile负责从本地临时文件路径获取上传文件信息,然后上传文件到EMAS Serverless服务空间。
如上图所示,在小程序侧通过调用支付宝云原生的图片I/O接口,获得图片的本地临时地址。然后,通过图片本地临时地址,上传到EMAS Serverless端,并获得该图片的网络地址。
二、 实战:个人信息头像修改
接下来,我们在之前项目的基础上,具体实践一下云存储的实际应用,借助云存储的功能,我们实现疫苗预约小程序个人头像信息的修改。
如上图所示,我们为头像所在的图片标签添加点击事件,在事件处理回调函数中,从相册选择一张图片并上传到云存储中,并将云存储返回的图片网络地址作为用户头像信息的新地址更新本地和数据库状态。
接下篇: