js调用本地摄像头拍照截图,提交后台

今天有个需求,需要在前端界面调用本地摄像头,然后拍照结束后可以截取预览,最后将结果提交到后台。查了网上很多的插件,发现适合的非常少,于是决定自己修改一个。

这里我修改了一个jquery插件,把摄像头拍照的功能融合了进去。

提交到后台时是提交一个base64字符,在后台再将base64字符转换为图片保存。

效果图:

js调用本地摄像头拍照截图,提交后台_第1张图片

支持本地上传,下载完整demo可以直接运行。

demo 的git下载地址:https://github.com/HL-Guitar/photograph

getUserMedia函数是请求用户摄像头的方法,随着浏览器版本的更新可能无法兼容,可以修改这个方法来实现兼容,最新版本火狐,旧版本谷歌没有问题。

完整demo:








 

你可能感兴趣的:(Java的小实现)