论坛首页 Web前端技术论坛

web页面实现摄像头,图像采集,照片上传至服务器,代码共享 2014.01.02更新

浏览 14898 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-12-17   最后修改:2014-01-04
最近在做一个项目,用到摄像头采集图片,并上传到服务器,经过几天努力,终于实现了这个功能,现在发布代码。 由于现在的摄像头都是usb的,最后终于实现了在web程序中调用摄像头,可以通过js代码控制拍照,通过ajax技术实现数据的上传,因为是是js调用的,所以也可以用于jsp,asp,php和html页面上,就是说支持多种服务器,刚弄完,在IE下测试通过,下面上图看效果:











现在共享给大家。因为以前很少参与开源社区活动,以后会继续共享一些c++或JS方面的组件或插件。使用愉快。


废话少说,上代码:


printScreen4web-struts2这个可以导入到myeclipse;


2013-12-20 bug fix:

重新编译demo.cab控件,修复原来在win7下可以正常调用摄像头在xp下有问题的bug,代码已重新上传


2013.12.23

有人反映电脑使用之后浏览器会崩溃,点击启动摄像头再点击拍照,浏览器会崩溃刷新,下面给出解决方法:

       XP系统:

关闭应用程序保护(DEP),方法为:右键点击“我的电脑”->“属性”->“高级系统设置”->“高级”->“设置”->”数据执行保护”,选择“仅为基本windows程序和服务启用DEP(T)”

win7系统也一样,截图:



12.24 bug fix:

更新控件,当电脑是内置摄像头或者有多个摄像头时,浏览器崩溃问题,附件已更新。

2014.01.02 功能更新:

摄像头截图,把图片转为base64编码,方便后台取得数据,现写一个使用demo整合到struts2中

网盘下载地址:

html版本,用浏览器打开index.html,即可预览:

http://pan.baidu.com/s/1bnGeEiN

整合到strut2:

http://pan.baidu.com/s/1mg8uKMO

  • 大小: 72.1 KB
  • 大小: 17.6 KB
   发表时间:2013-12-20  
放入tomcatz中浏览器需要设置可信站点:
0 请登录后投票
   发表时间:2013-12-21  
帖子不错,下来研究一下,谢谢分享
0 请登录后投票
   发表时间:2013-12-21  
感谢楼主分享...
0 请登录后投票
   发表时间:2013-12-21  
ActiveX。。。不是什么难点啊
0 请登录后投票
   发表时间:2013-12-21  

整合到项目中,大功告成,看看效果 ,



如果需要源码可以留下邮箱

  • 大小: 249.3 KB
0 请登录后投票
   发表时间:2013-12-23  
这个看着不错,源码可以发我一份吗?
jacky_jyg@hotmail.com
谢啦!
0 请登录后投票
   发表时间:2013-12-23  
支持一下。希望楼主发源码一份来学习。hzl0915@126.com谢谢。
0 请登录后投票
   发表时间:2013-12-23  
证书无法验证发布者,无法安装
0 请登录后投票
   发表时间:2013-12-23  
小鱼不爱水 写道
证书无法验证发布者,无法安装

需要设置可信站点,

  • 大小: 89.8 KB
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics