利用html5调用本地摄像头拍照上传图片
来源:互联网 发布:无限恐怖网络剧 编辑:程序博客网 时间:2024/05/21 15:07
html5概念啥的就不废话了,不知道的 百度, 谷歌一堆。。今天学了学html5中的Canvas结合新增的<video>标签来获取本地摄像头,在html5之前,要在浏览器获取本地摄像头只有通过插件(ActiveX,但是这种只有IE支持)或者是flash来获取(或许你没学过flash那就很坑爹了),在之后微软的silvertlight中也可以获取,但这些都比较麻烦,在html5的世界里,要获取本地摄像头,只要配合js就可以轻松获取。。
目前支持html5的浏览器(参考http://www.cnblogs.com/jerry_cong/archive/2011/05/15/2047143.html)
看看主要代码吧:
这个是前台HTML的代码。
下面这个是主要代码了。(jquery)
最后的就是接收经过base64编码之后的图像文件了。
至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处,爱不释手了。。。不在像以前需要写一堆烦人的东东了,而且你也可以不用去学flash... 额外说一句,如果您还在用IE6\IE7那您还是别玩html5了...
初出茅庐,欢迎指教!!
原文:http://blog.sina.com.cn/s/blog_75ad9c560101cu3t.html
目前支持html5的浏览器(参考http://www.cnblogs.com/jerry_cong/archive/2011/05/15/2047143.html)
看看主要代码吧:
这个是前台HTML的代码。
下面这个是主要代码了。(jquery)
最后的就是接收经过base64编码之后的图像文件了。
至此B/S通过本地摄像头拍照上传就完成了。HTML5的强大之处,爱不释手了。。。不在像以前需要写一堆烦人的东东了,而且你也可以不用去学flash... 额外说一句,如果您还在用IE6\IE7那您还是别玩html5了...
初出茅庐,欢迎指教!!
原文:http://blog.sina.com.cn/s/blog_75ad9c560101cu3t.html
0 0
- 利用html5调用本地摄像头拍照上传图片
- 利用html5调用本地摄像头拍照上传图片
- 利用html5调用本地摄像头拍照上传图片
- 调用摄像头拍照以及上传图片
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- html5调用摄像头实现拍照并本地保存
- 如何使用HTML5实现利用摄像头拍照上传功能
- 如何使用HTML5实现利用摄像头拍照上传功能
- 如何使用HTML5实现利用摄像头拍照上传功能
- html5调用手机摄像头,实现拍照上传功能
- html5调用手机摄像头,实现拍照上传功能
- html5调用手机摄像头,实现拍照上传功能
- html5调用手机摄像头,实现拍照上传功能
- html5调用手机摄像头,实现拍照上传功能
- html5调用摄像头实现拍照
- html5调用摄像头实现拍照
- HTML5调用手机摄像头拍照
- HTML5调用手机摄像头拍照
- centos下本地yum源制作
- apache本地配置多端口多站点
- 1669 运输装备(cv)
- 【Ubuntu 16】DEB软件包管理
- TouchableHighlight简单使用
- 利用html5调用本地摄像头拍照上传图片
- Java几种集合的遍历方法
- java中的sleep()和wait()的区别
- new 操作符和 new 操作的区别
- Hadoop1.x学习笔记
- Beautiful Arrangement--深度搜索--leetcode
- machine learning
- python 模块使用例子
- 动态规划求解