https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/storage/api.html
https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.chooseImage.html
Promise.all
regex image file type
event.detail
正则表达式取得文件扩展名
/\.\w+$/
苹果笔记本键盘【\】: caps + option + ¥
选择本地图片
count:允许最多选择几张
original:原图,compressed:压缩图
album:相册,camera:相机
res.tempFilePaths : 图片全路径
电影评价流程:
填写评价内容,选择评分,上传评价图片,点击提交,异步上传图片到云存储后,新建评论数据插入到云数据库。
技术知识点:
1、使用Vant Weapp UI库做布局
2、拍照或相册选择图片:wx.chooseImage
3、上传图片到云存储:wx.cloud.uploadFile
4、异步上传,直到完成所有图片上传,才进行后续操作:
使用new Promise()+Promise.all()
5、小程序新增数据插入到云数据库:db.collection('comment').add
详情的样式4
详情的样式3
详情的样式2
详情的样式
将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以去除,不关闭将造成部分组件样式混乱。
关于上传评价内容、评价分数和图片:
点击评价按钮,先把图片上传到云存储,然后等云存储返回到对应的File ID,再把File ID保存到云数据库当中。这当中涉及到js异步的问题。
success回调函数可以写成箭头函数,这样可以避免this指向的错误。