chrome内核 用h5调用高拍仪(摄像图)实现拍证件照

最近做一些填单台的项目,需要调用高拍仪对证件进行拍照。并上传到后台。
我们的客户端用的是chrome内核,内嵌网页,支持h5.然后就去网上找一些例子来参考。现在找到了一个不错的插件。感谢原创作者的无私分享。点击下载

大概实现思路

前端界面h5 api调用本地摄像头,然后拍照结束后可以截取预览,最后将结果以base64提交到后台.
技术用到的主要有

  • vedio标签
  • canvas
  • navigator.mediaDevices.getUserMedia

效果图
chrome内核 用h5调用高拍仪(摄像图)实现拍证件照_第1张图片

怎么上传到数据库呐?

生成的图片是base64的

  • 方法一:把base64字符串上传后台,用io流输出图片
  • 方法二: 把base64保持到clob字段

你可能感兴趣的:(web前端)