如何激活webcamera以使用js拍摄快照

时间:2016-07-19 08:23:22

标签: javascript php

我在php上制作后端应用程序并且很奇怪是否可以通过js而不是拍照,将其下载到硬盘驱动器而不是通过输入文件上传来拍摄带有webcamera的快照? 我希望你理解这个问题的核心!我们的想法是在用户按下按钮"拍摄快照"

后直接上传图像

1 个答案:

答案 0 :(得分:2)

这是一个仅在HTML5后备情况下使用flash的js库:

https://github.com/jhuckaby/webcamjs

    <script src="librarypath.js"></script>

    <div id="cameraId"></div>
    <div id="cameraResultId"></div>

    <script language="JavaScript">
        Webcam.attach( '#cameraId' );

        function snapshot() {
            Webcam.snap( function(data_uri) {
SendJson = {};                
SendJson["image"] = data_uri;
                SendJson=JSON.stringify(SendJson);


                $.ajax({
                    type: 'POST',
                    url: respective_page.php,
                    dataType: 'json',
                    contentType:'application/json',
                    data:SendJson,
                    success: function(data){

                        alert('Uploaded Succefully')
                    },
                    error: function(jqXHR, textStatus, errorThrown){
                       handleErrors('Error: ' , textStatus , errorThrown);
                    }
                });

            } );
        }
    </script>

    <a href="javascript:void(snapshot())">Snapshot</a>