- 采集本地摄像头获取摄像头画面拍照保存,上传服务器;
- 前端上传图片处理展示,缩小裁剪,上传服务器
- (getUserMedia)/上传图片将图片/视频显示在浏览器上
- 拍照/转换 将视頻拍照或是将图片展示在canvas中
- 将canvas中的图像,转换成图片格式(png,jpg等)上传到服务器
上述两种方式涉及到的格式转换分别为:
具体获取摄像头的方法可以参考:
File对象也是一个Blob对象二者的处理相同。
转换为Blob对象后可以使用Ajax上传图像文件。
- 可以直接转成blob,可以通过canvas.toBlob转换然toBlob方法的浏覽器兼容性不是很好,存在兼容性问题幸运的是已有前人,直接拿来用就好了适用于pc端和移动端
具体过程和相关参考资料: