抽奖活动小程序图片上传技术解析
发布于 4 年前 作者 syan 2809 次浏览 来自 分享

抽奖活动小程序图片上传技术解析

说实话由于以往我开发的小程序大部分都是基于个人主体来完成,所以没有场景用到小程序端图片上传,但是之前做过从聊天记录选择文件进行导入题库的操作,

我想这应该是大同小异的,结果也证明了确实是这样。

小程序端图片上传具体逻辑可以分为两步骤:

1)图片选择

https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html

tempFilePaths,图片的本地临时文件路径列表 (本地路径)

tempFiles,图片的本地临时文件列表

2)图片上传

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-sdk-api/storage/uploadFile/client.uploadFile.html

wx.cloud.uploadFile

将本地资源上传至云存储空间,如果上传至同一路径则是覆盖写

filePath,要上传文件资源的路径

1

"{"errMsg":"chooseImage:ok","tempFilePaths":["http://tmp/wxd662ca10eb321da1.o6zAJs_o6360SMu-Hb3TqT5qtMcc.QxX1qdx2u1JE6499ffb5560ae6fa5058e6b46ca0aabb.jpg"],"tempFiles":[{"path":"http://tmp/wxd662ca10eb321da1.o6zAJs_o6360SMu-Hb3TqT5qtMcc.QxX1qdx2u1JE6499ffb5560ae6fa5058e6b46ca0aabb.jpg","size":29839}]}"

1

2

2

"{"errMsg":"cloud.uploadFile:ok","fileID":"cloud://tool-4go3up8m7999bdcf.746f-tool-4go3up8m7999bdcf-1304710891/20210109235819.png","statusCode":200}"

2

3 回复

相关截图二

俺看不懂鸡肠呀😭

相关截图一

回到顶部