PHP+Javascript实现在线拍照功能实例，javascript实例_PHP教程
PHP+Javascript实现在线拍照功能实例，javascript实例
本文实例讲述了PHP+Javascript实现在线拍照功能。分享给大家供大家参考。具体如下：
我们在一些WEB应用中可能会遇到这样的情况，用户需要自己现场拍照并上传到会员系统。比如驾校采集指纹拍照流程、考试现场采集照片等。我们今天要讲的是如何使用javascript和PHP实现一个简单的在线拍照并上传的功能。
实现这个功能的前提是你的电脑设备上需要安装有摄像头设备，以及你的浏览器需要支持flash
<!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()"> http://siteweb.com/sitemaps.xml </div> <div id="results"> <!--显示上传结果--> </div> </body> </html>
在body中加入一个用于调用摄像组件的容器id#cam和一个显示上传信息的容器id#results。
Javascript
接下来调用摄像组件，我们先载入webcam.js，用于拍照和上传的js库。
复制代码 代码如下:
然后在容器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 id="Uploading">Uploading...</h4>';
webcam.snap();
}
function my_completion_handler(msg) {
if (msg.match(/(http\:\/\/\S+)/)) {
var image_url = RegExp.$1;
document.getElementById('results').innerHTML =
'<h4 id="Upload-Successful">Upload Successful!</h4>' +
'<img src="' + image_url + '" alt="PHP+Javascript实现在线拍照功能实例，javascript实例_PHP教程" >';
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";
这里只是简单的介绍了下在线拍照和上传功能，其实深入应用场景如上传后再裁剪，生成多张不同比例的图像等等，大家自己去琢磨吧。
希望本文所述对大家的php程序设计有所帮助。
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.
CakePHP travaillant avec la base de données
Sep 10, 2024 pm 05:25 PM
Travailler avec la base de données dans CakePHP est très simple. Nous comprendrons les opérations CRUD (Créer, Lire, Mettre à jour, Supprimer) dans ce chapitre.
Date et heure de CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.
Téléchargement de fichiers CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.
Routage CakePHP
Sep 10, 2024 pm 05:25 PM
Dans ce chapitre, nous allons apprendre les sujets suivants liés au routage ?
Discuter de CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu
CakePHP créant des validateurs
Sep 10, 2024 pm 05:26 PM
Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.
Journalisation CakePHP
Sep 10, 2024 pm 05:26 PM
Se connecter à CakePHP est une tâche très simple. Il vous suffit d'utiliser une seule fonction. Vous pouvez enregistrer les erreurs, les exceptions, les activités des utilisateurs, les actions entreprises par les utilisateurs, pour tout processus en arrière-plan comme cronjob. La journalisation des données dans CakePHP est facile. La fonction log() est fournie
