一、小程序云存储简介
云开发提供了一块存储空间,提供了上传文件到云端、带权限管理的云端下载能力,开发者可以在小程序端和云函数端通过 API 使用云存储功能。
在小程序端可以分别调用 wx.cloud.uploadFile
和 wx.cloud.downloadFile
完成上传和下载云文件操作
二、选择并上传图片
使用的API:
实现步骤
1. 初始化云环境
在app.js中指定云开发环境,其中env
是你自己指定的环境ID
app.js
中的代码如下:
App({
onLaunch: function () {
wx.cloud.init({
env: "cloud-learning-i44qm"
})
}
})
2. 新建一个pageuploadImg
用于测试
3. uploadImg.wxml
中,
<button bindtap="handleTap">上传</button>
<image src="{
{URL}}"></image>
4. uploadImg.js
中(版本一)
Page({
data:{
URL:''
},
handleTap() {
let that = this
console.log("点击了上传按钮")
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
console.log("选择成功", res)
that.upload(res.tempFilePaths[0])
}
})
},
upload(imgUrl) {
wx.cloud.uploadFile({
cloudPath: new Date().getTime() +'.png', //防止文件名重复,使用时间戳
filePath: imgUrl, // 文件路径
success: res => {
// get resource ID
console.log("上传成功",res)
this.setData({
URL: