chrome內核 用h5調用高拍儀(攝像圖)實現拍證件照


來源於  https://blog.csdn.net/huangmingleiluo/article/details/86631209

 

最近做一些填單台的項目,需要調用高拍儀對證件進行拍照。並上傳到后台。
我們的客戶端用的是chrome內核,內嵌網頁,支持h5.然后就去網上找一些例子來參考。現在找到了一個不錯的插件。感謝原創作者的無私分享。
關注lovepythoncn,

回復拍照,即可獲取百度雲分享鏈接
注意你需要放在http服務器下訪問,打開直接報錯。

大概實現思路
前端界面h5 api調用本地攝像頭,然后拍照結束后可以截取預覽,最后將結果以base64提交到后台.
技術用到的主要有

vedio標簽
canvas
navigator.mediaDevices.getUserMedia
效果圖

 

怎么上傳到數據庫吶?
生成的圖片是base64的

方法一:把base64字符串上傳后台,用io流輸出圖片
方法二: 把base64保持到clob字段
————————————————
版權聲明:本文為CSDN博主「有理想的coder」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/huangmingleiluo/article/details/86631209


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM