AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-01-31 441
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： chrome内核 用h5调用高拍仪（摄像图）实现拍证件照

大概实现思路

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

技术用到的主要有


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

效果图

image.pngimage.png

怎么上传到数据库呐？

生成的图片是base64的


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

文章标签：
前端开发
移动开发
Web App开发
API
数据库
关键词：
Chrome内核
程序员石磊
目录
相关文章
祖师爷
|
Web App开发 缓存 前端开发
火狐 和 谷歌Google Chrome 内核浏览器 跨域问题
火狐 和 谷歌Google Chrome 内核浏览器 跨域问题
祖师爷
267 0
javaedge
|
Web App开发 iOS开发 MacOS
基于chrome内核的微软Edge浏览器~
基于chrome内核的微软Edge浏览器~
javaedge
136 0
基于chrome内核的微软Edge浏览器~
3rdyeah
|
Web App开发 数据安全/隐私保护
Windows10更新1903后，chrome内核浏览器打开网页链接错误
百度的解决方法普遍不管用，于是只好求助Google这次国外水友水平好像高一些，提供一个新方法，也许可以解决你的问题这个问题应该是出现 Cryptographic Services 服务的权限上1、打开服务管理面板：Win+R，输入 services.
3rdyeah
2229 0
杰克.陈
|
Web App开发 移动开发 JavaScript
基于Chrome内核（WebKit.net）定制开发DoNet浏览器
原文:基于Chrome内核（WebKit.net）定制开发DoNet浏览器 1.    源起 a)     定制.Net浏览器 本人是一名C#开发者，而作为C#开发者，做客户端应用中最头痛的一件事就是没有一个好的UI解决方案, WinFrom嘛，效率虽然还不错，但是做一些特殊的效果，完全应付不来，比如透明控件。
杰克.陈
2247 0
杰克.陈
|
Web App开发 JavaScript iOS开发
[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
原文:[完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器 截至自2017-08-11，支持现世已出的几乎所有PC端浏览器版本判断。
杰克.陈
5038 0
科技小毛
|
Web App开发 C# JavaScript
C#Winform将WebBowser控件替换为Chrome内核
科技小毛
1575 0
老朱教授
|
Web App开发 C# 容器
C# 开发Chrome内核浏览器(WebKit.net)
老朱教授
1926 0
gdy
|
Web App开发 C# JavaScript
C#将WebBowser控件替换为Chrome内核
摘要 　　由于最近要做一个浏览器式的软件，其中有不少地方需要使用到jQuery和BootStrap，但是在C#中，默认的WebBrowser控件默认使用的是IE的core，而低版本的IE在JS加载上总是容易有问题，因此，打算使用Chrome的内核替换IE。
gdy
2100 0
杰克.陈
|
Web App开发 C# C++
C#将WebBowser控件替换为Chrome内核
原文:C#将WebBowser控件替换为Chrome内核 摘要 　　由于最近要做一个浏览器式的软件，其中有不少地方需要使用到jQuery和BootStrap，但是在C#中，默认的WebBrowser控件默认使用的是IE的core，而低版本的IE在JS加载上总是容易有问题，因此，打算使用Chrome的内核替换IE。
杰克.陈
2643 0
杰克.陈
|
Web App开发 C# 容器
C# 开发Chrome内核浏览器(WebKit.net)
原文:C# 开发Chrome内核浏览器(WebKit.net)   WebKit.net是对WebKit的.Net封装，使用它.net程序可以非常方便的集成和使用webkit作为加载网页的容器。这里介绍一下怎么用它来显示一个网页这样的一个最简单的功能。
杰克.陈
1665 0

热门文章

最新文章

  • 1
    如何在chrome上开启WebGL功能和判断目前浏览器是否支持
  • 2
    Chrome浏览器与迅雷协同批量下载网页内全部链接的方法
  • 3
    Chrome 24即将到来 地址栏星标变成了+
  • 4
    Chrome 技术篇-chrome浏览本地文件目录方法，浏览器查看文件目录。
  • 5
    如何添加360浏览器（chrome）添加JavaScript例外，禁止网站加载JS
  • 6
    谷歌不再接受传统Chrome应用 全面支持原生运行
  • 7
    Chrome 功能总结
  • 8
    《中午吃什么？》制作一个简单的chrome扩展
  • 9
    【转载】如何更专业的使用Chrome开发者工具
  • 10
    vscode如何设置默认打开的浏览器为Chrome（vscode设置默认打开的浏览器为Chrome为什么不还是用其他浏览器打开）
  • 1
    【专栏】如何使用 Chrome DevTools 的断点功能提升前端调试效率， 花式打断点
    219
  • 2
    走进Chrome拓展开发，定制自己的图床扩展
    27
  • 3
    【热门话题】Chrome 插件研发详解：从入门到实践
    90
  • 4
    Serverless 应用引擎操作报错合集之阿里函数计算中，使用自定义运行时部署程序时，发现Chrome层已经建立但运行程序仍然缺失如何解决
    49
  • 5
    Python Selenium实现自动化测试及Chrome驱动使用
    88
  • 6
    Linux(33)Rockchip RK3568 Ubuntu22.04上通过SSH运行Qt程序和关闭Chrome的密钥提示
    262
  • 7
    【Windows】 chrome 如何下载网站在线预览PDF文件，保存到本地
    364
  • 8
    【Windows】谷歌翻译停服后，chrome无法自动翻译？解决办法来了~ (最新)
    158
  • 9
    【Windows】 谷歌翻译停服后，chrome无法自动翻译？解决办法来了~
    168
  • 10
    在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
    206

    • 相关课程

    更多
  • 相册服务中的故事生成算法介绍

    • 相关电子书

    更多
  • 3D动画的菜谱式灯光与云渲染
  • 微信广告引擎与播放节奏算法实践
  • 360°全景视频播放器的实现原理

    • 相关实验场景

    更多
  • 在PAI ArtLab一键实现欧洲杯粉丝专属贴纸制作
  • 快速实现摄像头视频画面的远程预览
  • 1分钟制作专属的RFID安全标签
  • 让电视秒变叫号广告屏
  • 基于函数计算一键部署掌上游戏机
    • 下一篇
    通义千问API入门教程