山那边是海 发表于 2015-2-3 23:30:40

PHP编程:Javascript+PHP完成在线摄影功效

会MYSQL吗?会,我会把我的信息在数据库里插入删除啦   
咱们在一些WEB使用中能够会碰到如许的情形,用户需求本人现场摄影并上传到会员体系。好比驾校收集指纹摄影流程、测验现场收集照片等。咱们明天要讲的是若何利用javascript和PHP完成一个复杂的在线摄影并上传的功效。
完成这个功效的条件是你的电脑装备上需求装置有摄像头装备,和你的阅读器需求撑持flash。




HTML

   <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Javascript+PHP完成
在线摄影
功效
</title></head>    <body><div id="cam">    <!--挪用
摄像组件并显示图象
-->    <input type=button value="点击这里摄影
" class="btn" onclick="take_snapshot()"></div><div id="results">   <!--显示上传了局
--></div></body></html>在body中到场一个用于挪用摄像组件的容器id#cam和一个显示上传信息的容器id#results。
Javascript

接上去挪用摄像组件,咱们先载入webcam.js,用于摄影和上传的js库。
   <script type="text/javascript" src="webcam.js"></script>然后在容器id#cam中,到场以下代码:
   <script language="JavaScript">webcam.set_api_url( 'action.php' );   webcam.set_quality( 90 ); // 图象
质量(1 - 100)webcam.set_shutter_sound( true ); // 摄影
时播放声响
            document.write( webcam.get_html(320, 240, 160,120) );</script>咱们挪用了webcam,个中webcam.set_api_url用来设置图象上传交互的php途径,set_quality可设置图象质量,set_shutter_sound设置声响,get_html输入摄像组件,参数即宽度、高度、上传后宽度、上传后高度。
当点击按钮摄影时,需求履行以下代码:
   <script language="JavaScript">webcam.set_hook( 'onComplete', 'my_completion_handler' );            function take_snapshot() {      document.getElementById('results').innerHTML = '<h4>Uploading...</h4>';      webcam.snap();}            function my_completion_handler(msg) {      if (msg.match(/(http\:\/\/\S+)/)) {          var image_url = RegExp.$1;          document.getElementById('results').innerHTML =                     '<h4>Upload Successful!</h4>' +                     '<img src="' + image_url + '">';          webcam.reset();      }      else alert("PHP Error: " + msg);}</script>当履行摄影举措时,代码与后台php交互,假如上传图片完成后,则前往响应的信息。
PHP

action.php所做的就是将当地摄影的图象上传到办事器,并将图片途径前往给前端。注重寄存图片的途径要给写权限。
   $filename = date('YmdHis') . '.jpg';$result = file_put_contents( 'pics/'.$filename, file_get_contents('php://input') );if (!$result) {      print "ERROR: Failed to write data to $filename, check permissions\n";      exit();}    $url = 'http://' . $_SERVER['HTTP_HOST'] . dirname($_SERVER['REQUEST_URI']) . '/pics/' . $filename;print "$url\n";本文只是复杂的引见了下在线摄影和上传功效,其实深切使用场景如上传后再裁剪,生成多张分歧比例的图象等等,人人本人去揣摩吧。
工具程序用来显示 Rasmus Lerdorf 的个人履历,以及统计网页流量。

小妖女 发表于 2015-2-4 00:05:34

我要在声明一下:我是个菜鸟!!我对php这门优秀的语言也是知之甚少。但是我要在这里说一下php在网站开发中最常用的几个功能:

变相怪杰 发表于 2015-2-8 05:34:49

说php的话,首先得提一下数组,开始的时候我是最烦数组的,总是被弄的晕头转向,不过后来呢,我觉得数组里php里最强大的存储方法,所以建议新手们要学好数组。

金色的骷髅 发表于 2015-2-10 05:23:48

环境搭建好,当你看见你的浏览器输出“it works\\\\\\\"时你一定是喜悦的。在你解决问题的时候,我强烈建议多读php手册。

谁可相欹 发表于 2015-2-17 00:52:39

爱上php,他也会爱上你。

admin 发表于 2015-3-5 13:51:13

装在C盘下面可以利用windows的ghost功能可以还原回来(顺便当做是重转啦),当然啦我的编译目录要放在别的盘下,不然自己的劳动成果就悲剧啦。

分手快乐 发表于 2015-3-6 21:41:34

兴趣是最好的老师,百度是最好的词典。

山那边是海 发表于 2015-3-11 20:17:53

建数据库表的时候,int型要输入长度的,其实是个摆设的输入几位都没影响的,只要大于4就行,囧。

不帅 发表于 2015-3-16 03:13:44

写的比较杂,因为我也是个新手,不当至于大家多多指正。

冷月葬花魂 发表于 2015-3-17 09:19:13

当留言板完成的时候,下步可以把做1个单人的blog程序,做为目标,

蒙在股里 发表于 2015-3-24 05:51:56

多看优秀程序员编写的代码,仔细理解他们解决问题的方法,对自身有很大的帮助。

再现理想 发表于 2015-3-29 16:32:20

做为1门年轻的语言,php一直很努力。

精灵巫婆 发表于 2015-3-30 09:50:44

曾经犯过一个很低级的错误,我在文件命名的时候用了一个横线\\\\\\\'-\\\\\\\' 号,结果找了好几个小时的错误,事实是命名的时候 是不能用横线 \\\\\\\'-\\\\\\\' 的,应该用的是下划线\\\\\\\'_\\\\\\\' ;

柔情似水 发表于 2015-4-6 13:03:09

这些中手常用的知识,当你把我说的这些关键字都可以熟练运用的时候,你可以选择自己

透明 发表于 2015-4-19 10:15:20

如果你可以写完像留言板这样的程序,那么你可以去一些别人的代码了,

第二个灵魂 发表于 2015-4-22 08:53:47

微软最近出的新字体“微软雅黑”,虽然是挺漂亮的,不过firefox支持的不是很好,所以能少用还是少用的好。

若相依 发表于 2015-5-6 17:09:52

因为blog这样的可以让你接触更多要学的知识,可以接触用到类,模板,js ,ajax

飘飘悠悠 发表于 2015-6-11 03:35:18

小鸟是第一次发帖(我习惯潜水的(*^__^*) 嘻嘻……),有错误之处还请大家批评指正,另外,前些日子听人说有高手能用php写驱动程序,真是学无止境,人外有人,天外有天。

乐观 发表于 2015-6-11 23:12:53

学习php的目的往往是为了开发动态网站,phper就业的要求也涵盖了很多。我大致总结为:精通php和mysql
页: [1]
查看完整版本: PHP编程:Javascript+PHP完成在线摄影功效