
云存储
文件上传
小程序文件上传的流程:
云存储提供的相关接口
云存储
文件上传 流程图

批量上传
需要在云数据库,建立一个新的集合
云存储文件上次流程



//选择图片
wx.chooseImage({
count: 1,//选择图片的个数,最多支持9张
sizeType: ['original', 'compressed'],//original原文件格式,compressed文件压缩格式
sourceType: ['album', 'camera'],//图片来源,album来源于相册,camera来源于照相机
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths
// tempFilePaths是个数组,tempFilePaths[0]是选择图片之后的临时路径
//上传图片到云开发后台存储,并获取fileID,然后返回存储到云开发的数据库中,数据库中要提前建一个集合,如image
wx.cloud.uploadFile({
cloudPath: 'example.png', // 上传至云端的路径,example.png为文件名称
filePath: 'tempFilePaths[0]', // 小程序临时文件路径
success: res => {
// 返回文件 ID
console.log(res.fileID)
//把图片存储到数据库中名为image的集合里
db.collection('image').add({
data:{
fileID:res.fileID
}
}).then(res=>{
console.log(res);
}).catch(err=>{
console.error(err);
})
},
fail: console.error
})
}
})存储成功的结果

云存储文件上传
云存储方法
文件上传流程:
文件上传流程图
小程序图片上传流程
是的发送到
文件上传的方法流程
文件上传流程
文件上传呀
云存储
从本地相册选择图片或使用相机拍照。
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed)'],
sourceType: ['album', 'camera'],
success (res) {
// tempFilePath可以作为img标签的src属性显示图片
const tempFilePaths = res.tempFilePaths;
上传云存储
wx.cloud.uploadFile({
cloudPath: 'example.png', // 上传至云端的路径(相应文件夹,对应的名称)
filePath: '', // 小程序临时文件路径
success: res => {
// 返回文件 ID
console.log(res.fileID)
},
fail: console.error})
上传成功后会获得文件唯一标识符,即文件 ID,后续操作都基于文件 ID 而不是 URL。
}})
云存储能力
文件上传、下载:



云存储-文件上传
云存储文件上传
使用微信小程序云开发接口 wx.cloud.uploadFile 完成图片的上传,上传成功后将返回文件 fileId,可以将 fileId 存入云数据库中,方便后续查找使用。
在微信小程序中使用 wx.chooseImage 接口从手机相册或拍照获取图片。
微信云存储中文件上传处理流程:
用户选择手机相册照片或拍摄照片;
使用小程序上传图片到云存储;
云存储返回文件 fileID 给小程序;
小程序将 fileID 存储到云数据库,方便后期使用;
微信小程序云开发提供了5GB的存储空间,可以调用 wx.cloud 相关api 完成文件的上传、下载、删除与获取链接。
上传图片到云端 成功 返回一个fileID
wx.chooseImage() api
选择图片
一张图片是如何上传到云存储 并且保存到数据库中到