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

只看该作者 · 发表于 2015-2-3 23:30:40

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

会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，他也会爱上你。

只看该作者 · 发表于 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

		自动登录	找回密码
密码			立即注册

[学习教程] PHP编程：Javascript+PHP完成在线摄影功效

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子