小程序拍照功能
小程序的拍照功能其实挺常见的,尤其在打卡、认证、资料上传这些场景中用得多。小程序-拍照 photos.rar
这个资源包就实用,里面的内容整理得还不错,适合用来快速搭建一个基础的拍照功能,或者参考下别人是怎么写的。
资源里的photos
文件夹,估计放了完整的拍照流程代码,包括怎么调用相机、预览图片、上传服务器这些。基本上微信小程序拍照的那套流程,都能找到对应实现,改改就能用。
像wx.chooseImage
这个接口,用起来比较灵活,支持从相册或者直接拍照,参数也好控制,比如限制图片数量、压缩质量这些。配合wx.previewImage
还能做图片浏览,效果还挺顺滑。
上传图片这一块,用wx.uploadFile
,传临时路径就行。不过注意下网络情况,有时候断网会失败,建议加上错误提示,比如wx.showToast
弹个提示就挺友好。
还有一点容易被忽略:权限申。拍照前最好先用wx.getSetting
查一下用户有没有授权相机权限,如果没有,就用wx.authorize
引导一下。别等用户点了按钮才报错,多尴尬。
图片也挺有意思的,比如你要加个水印,或者裁剪一下,推荐用canvas
再配合wx.canvasToTempFilePath
来生成新图。体验好,体积也能控制。
你要是想快速上手微信小程序拍照功能,或者改造已有项目,直接拿小程序-拍照 photos.rar
这个资源来参考一波,省事不少。反正我之前搞打卡功能的时候就靠它了不少坑。
如果你对小程序开发还不太熟,下面这些文章也挺值得看看:
如果你正好要做图片上传、拍照类的小程序页面,可以直接下载这个资源,改改样式和接口,基本就能上线用。
7.09KB
文件大小:
评论区