html5 文件上传,html5调用摄像头拍照上传

　　1.视频流

　　html媒体捕获API提供了对摄像机的可编程访问，用户可以直接使用getUserMedia来获取摄像机提供的视频流。我们需要做的是添加一个HTML5视频标签，将从摄像头获取的视频作为这个标签的输入源(请注意，目前只有Chrome和Opera支持getUserMedia)。

　　复制代码如下：

　　videoid videoid=" video " autoplay=" /video

　　脚本

　　var video _ element=document . getelementbyid( video )；

　　if(navigator . getuser media){//opera shoulduseopera . getuser media now

　　navigator.getUserMedia(video ，成功，错误)；

　　}

　　函数成功(流){

　　video _ element.src=流；

　　}

　　/脚本

　　视频流

　　2.照相

　　相机功能，我们用HTML5 Canvas实时抓取视频标签的内容，视频元素可以作为Canvas图像的输入，很棒。主要代码如下：

　　复制代码如下：

　　将JavaScript代码内容编码到剪贴板

　　var canvas=document . createelement( canvas )；

　　var CTX=canvas . get context( 2d )；

　　var cw=vw

　　var ch=vh

　　ctx.fillStyle=" # ffffff

　　ctx.fillRect(0，0，cw，ch)；

　　ctx.drawImage(video_element，0，0，vvw，vvh，0，0，vw，VH)；

　　document.body.append(画布)；

　　3.图象采集

　　接下来，我们要从canvas中获取图片数据。核心思想是用Canvas的toDataURL将Canvas的数据转换成base64 bit编码的PNG图像，类似于“data:image/PNG；base64，

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。