【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库

承接微信小程序开发。扫码加微信,备注【】:


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第1张图片


先来看最终效果: 


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第2张图片



【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第3张图片


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第4张图片



一:

写一个简单的界面,主要是利用小程序上传文件api接口来实现:

```

上传

```

二:

js:doUpload函数:


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第5张图片

wx.chooseImage 选择图片的方式分为两种,拍照或者从相册选择图片。

wx.showLoading 提示用户正在上传

wx.cloud.upLoadFile 把图片上传到云存储空间

```

wx.cloud.uploadFile({cloudPath:'example.png',// 上传至云端的路径filePath:'',// 小程序临时文件路径success:res=>{// 返回文件 IDconsole.log(res.fileID)  },fail:console.error})

```


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第6张图片

最后 wx.hideLoading 上传完成,关闭提示。


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第7张图片


【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库_第8张图片

你可能感兴趣的:(【二】10分钟精通微信小程序云开发 | 多图上传并存储路径到云数据库)