php h5 调用摄像头_利用html5调用本地摄像头拍照上传图片

2024-05-11 17:38:07

[php]代码库html5概念啥的就不废话了，不知道的百度，谷歌一堆。。今天学了学html5中的Canvas结合新增的标签来获取本地摄像头，在html5之前，要在浏览器获取本地摄像头只有通过插件(ActiveX，但是这种只有IE支持)或者是flash来获取(或许你没学过flash那就很坑爹了)，在之后微软的silvertlight中也可以获取，但这些都比较麻烦，在html5的世界里，要获取本地摄像头，只要配合js就可以轻松获取。。

目前支持html5的浏览器(参考http://www.cnblogs.com/jerry_cong/archive/2011/05/15/2047143.html)

看看主要代码吧：

这个是前台HTML的代码。

拍照

下面这个是主要代码了。(jquery)

最后的就是接收经过base64编码之后的图像文件了。

public void ProcessRequest (HttpContext context) { string img;//接收经过base64编之后的字符串 context.Response.ContentType = "text/plain"; try { img =context.Request["img"].ToString();//获取base64字符串 byte[] imgBytes = Convert.FromBase64String(img);//将base64字符串转换为字节数组 System.IO.Stream stream = new System.IO.MemoryStream(imgBytes);//将字节数组转换为字节流 //将流转回Image，用于将PNG 式照片转为jpg，压缩体积以便保存。 System.Drawing.Image imgae = System.Drawing.Image.FromStream(stream); imgae.Save(context.Server.MapPath("~/Test/") + Guid.NewGuid().ToString()+".jpg", System.Drawing.Imaging.ImageFormat.Jpeg);//保存图片 context.Response.Write("OK");//输出调用结果 } catch (Exception msg) { img = null; context.Response.Write(msg); return; } }

至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处，爱不释手了。。。不在像以前需要写一堆烦人的东东了，而且你也可以不用去学flash...

额外说一句，如果您还在用IE6\IE7那您还是别玩html5了...

#html5 #摄像头 #拍照上传 #canvas

php h5 调用摄像头_利用html5调用本地摄像头拍照上传图片相关推荐

html调起苹果手机摄像头_使用HTML5+调用手机摄像头和相册
前言: 前端时间使用HTML5作了一个WEB端APP,其中用到了H5页面调用手机摄像头的功能,当时也是花了很多时间去研究.最终是采用了HTML5plus(HTML5+)的方式完成了该功能,现将具体方法 ...
java h5 桌面应用_用HTML5打造本地桌面应用
本文作者html5tricks,转载请注明出处在手机端,有一个非常棒的工具叫做PhoneGap,使用这个快速开发平台,任何人都可以使用HTML5+CSS3+JavaScript开发出安卓,iOS等应 ...
opencv获取外接摄像头_利用opencv从USB摄像头获取图片
由于opencv自带的VideoCapture函数直接从usb摄像头获取视频数据,所以用这个来作为实时的图像来源用于实体检测识别是很方便的. 1. 安装opencv 安装的步骤可以按照之前这个文章操作 ...
html 摄像头代码,web HTML5 调用摄像头的代码
html5调用摄像头拍照 #camera{width:640px;height:525px;position:fixed;border:1px solid #f0f0f0;-moz-border-ra ...
h5的横线_使用HTML5 Canvas绘制直线或折线等线条的方法讲解
HTML5 Canvas基本概念讲解html5,这个应该就不需要多作介绍了,只要是开发人员应该都不会陌生.html5是「新兴」的网页技术标准,目前,除IE8及其以下版本的IE浏览器之外,几乎所有主流浏 ...
利用html5读取本地文本文件及图片文件
利用html5可以对本地的如文本.图片等文件读取操作,html5定义了一个file对象类型来表示文件,每个file对象对应一个文件.file对象有3个属性:name.size.type.name是不包 ...
toad创建mysql数据库_利用Toad管理本地数据库
利用Toad管理本地数据库,相对于使用sqlplus来说,要更加直观和方便,而且,更容易操作一些,对于某些大的表格,查询结果一目了然利用Toad管理本地数据库,相对于使用sqlplus来说,要更加直 ...
opencv4.0无法打开摄像头_黑科技酒店暗藏摄像头？被偷窥？用了这神器，让变态狂无处可藏！...
" 顺藤摸瓜!让针孔摄像头无所遁形! 近年常看到网上爆出, 酒店.厕所.民宿甚至出租房内, 被偷偷安装针孔摄像头的新闻.. 这些摄像头被变态的偷窥者隐藏在了各种地方, 让人防不胜防啊~ ...
Qt/C++编写ffmpeg本地摄像头显示（16路本地摄像头占用3.2%CPU）
一.前言内核ffmpeg除了支持本地文件.网络文件.各种视频流播放以外,还支持打开本地摄像头,和正常的解析流程一致,唯一的区别就是在avformat_open_input第三个参数传入个AVInpu ...

最新文章

热门文章