web页面实现摄像头，图像采集，照片上传至服务器,代码已发布-printScreen4web

阅读更多

2014.03.24

 

新控件，免安装版本：

printscreen4web控件实现网页采集图像，并实现上传的功能，为网页设计师提供一个现成的，优质的控件。在实际项目中，使用场景为java采集摄像头的图像，并上传。因为控件是js调用的，所以可以使用多种语言php,asp等都可以使用，而且是跨浏览器的。

使用方法1：

下载 printscreen4web-jsp.war,然后放到tamcat目录webapp文件夹下面，启动tomcat，访问http://127.0.0.1:8080/printscreen4web-jsp/

 

 
 

 下载地址：http://602.s21d-2.faidns.com/2872602/0/ABUIABAAGAAgu8SUogUo0s77mQI?f=printScreen4web-struts2.zip&v=1413816889

 

 

 

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



 
 

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

如有使用不成功的可联系 [email protected]

废话少说，上代码：

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

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

 

2013-12-20 bug fix:

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

 

用人反映，如何使用，

使用需要设置可信站点：

 

 printScreen4web功能更新：

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

调用方法：

Camer.TakePhoto("XXX.jpg")

 

2013.12.23

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

       XP系统：

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

win7系统也一样，截图：

 

 12.24 bug fix:

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

 

 

2014.01.01

printScreen4web功能更新：

增加图片转成base64编码，方便后台取得图片，给出一个demo整合到struts2中，里面有使用方法。

 

printScreen4web网盘下载地址：

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

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

整合到strut2：

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

• 
• 大小: 37.9 KB

• 
• 大小: 76.4 KB

• 
• 大小: 72.1 KB

• 
• 大小: 16.4 KB

• 
• 大小: 36.1 KB

• 
• 大小: 17.6 KB

• 
• 大小: 89.8 KB

• 
• 大小: 82.6 KB

• 
• 大小: 22.7 KB

• 
• 大小: 23.8 KB

• 查看图片附件