web 网页控件调用 摄像头 截图并上传功能实现 2014.01.02更新

最近在做一个项目，用到摄像头采集图片，并上传到服务器，经过几天努力，终于实现了这个功能，现在发布代码。 由于现在的摄像头都是usb的，最后终于实现了在web程序中调用摄像头，可以通过js代码控制拍照，通过ajax技术实现数据的上传，因为是是js调用的，所以也可以用于jsp，asp,php和html页面上，就是说支持多种服务器，刚弄完，在IE下测试通过，下面上图看效果：











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


废话少说，上代码：

imagesUpload.rar这个可以直接部署到tomcat目录webapps中；

imagesUpload_4myeclipse.rar这个可以导入到myeclipse;

2013-12-20 bug fix:

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

放入tomcat中浏览器需要需要设置可信站点：



2013.12.22
功能更新：

保存成bmp,图片比较大，保存jpg格式图片较小，

调用方法：

Camer.TakePhoto("XXX.jpg")


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

那其他浏览器了，比如谷歌，火狐。

2013-12-20 bug fix:

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

demo.cab 代码

用人反映放入tomcat之后使用不了，
浏览器需要设置可信站点：

还是不能用啊。安装插件的时候提示不让安装啊。

浏览器拦截，请允许安装就好了

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

看着效果不错！

这个用webcam是可以实现兼容所有支持flash的浏览器的。实现也方便的。你这个项目应该只是支持ie吧？不过写插件感觉很厉害哦。。