云开发是腾讯云提供的云原生集成开发环境和工具平台。云集成以开发多个终端应用程序。开发流程代码介绍在当前页面的.json中引入组件{"usingComponents":{"mp-uploader":"weui-miniprogram/uploader/uploader"}}代码开发在当前页面中编写上传组件.wxml<查看类="page__bd">bindfail图片上传失败事件，详情为{type,errMsg}，type为1表示图片超出大小限制，type为2表示图片选择失败，type为3表示图片上传失败。图片选择触发的bindselect事件，详细信息为{tempFilePaths,tempFiles,contents}，其中tempFiles和tempFilePaths是chooseImage返回的字段，contents表示选中图片的二进制Buffer列表max-count。上传图片数量限制为当前页面.js中写入wx.cloud.init({env:'environmentID',traceUser:true,})formInputChange(e){const{field}=e.currentTarget.datasetthis.setData({[`formData.${field}`]:e.detail.value})},chooseImage:function(e){varthat=this;wx.chooseImage({sizeType:['original','compressed'],//可以指定原图还是压缩图，默认都有sourceType:['album','camera'],//可以指定来源是相册还是相机，都默认成功：function(res){//返回选中的照片本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片that.setData({files:that.data.files.concat(res.tempFilePaths)});}})},previewImage:function(e){wx.previewImage({current:e.currentTarget.id,//当前显示图片的http链接urls:this.data.files//要预览的图片的http链接列表})},selectFile(files){console.log('files',files)//返回false以阻止某个文件上传},uplaodFile(files){console.log('uploadfiles',files)console.log('uploadfiles',files)//文件上传函数，返回一个promisereturnnewPromise((resolve,reject)=>{consttempFilePaths=files.tempFilePaths;//上传返回值constthat=this;constobject={};for(vari=0;i{}})}})//文件上传函数，返回一个promise},uploadError(e){console.log('uploaderror',e.detail)},uploadSuccess(e){console.log('上传成功',e.detail)}});属性参考文档：https://wechat-miniprogram.gi...我们关联云开发后，可以上传照片到数据库。为了方便管理，我们可以创建一个CMS内容管理器。创建CMS内容管理器，点击云开发->更多->内容管理开启。2、云开发为大家准备了基础版，为大家提供一定的免费额度。设置管理员账号和密码，请牢记密码（如果忘记密码，可以在内容管理页面重新设置密码），设置完成后耐心等待系统初始化。3、根据页面提供的访问地址登录页面后，新建一个项目（这里以游园度假为例）4、我们在内容模型中创建一个照片上传管理（这里模拟的情况是只有用户需要上传并记录用户ID）创建内容模型如果用户需要上传多张照片，需要在设置照片字段时勾选允许用户上传多张照片！5.用户上传后，我们可以在内容集和对应的模型中查看。效果展示本文由博客多发平台OpenWrite发布！
