前不久给一个客户开发微信小程序，其中有个界面需要实现用户实时上报消息界面，具体要实现语音聊天上报、文字聊天、图片聊天
最终实现如下

使用了微信小程序的录音接口 

https://developers.weixin.qq.com/miniprogram/dev/api/media-record.html#wxstartrecordobject

图片选择接口
https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html#wxchooseimageobject

上传接口
https://developers.weixin.qq.com/miniprogram/dev/api/network-request.html#wxrequestobject



 

部分源码css