2016-07-19 46 views
0

我在PHP做後端應用和很好奇,是有可能採取與網絡攝像頭快照通過JS,而不是拍照,將其下載到硬盤驅動器,而不是通過上傳輸入文件? 我希望你瞭解問題的核心!我們的想法是上傳圖片後直接用戶按鍵「拍攝快照」如何激活網絡攝像頭取快照與JS

+0

不知道你是什麼意思通過「與webcamera快照」。如果快照指的網頁本身,那麼你可以看看這個:https://html2canvas.hertzen.com/ – briosheje

+0

我的意思是使用相機拍攝圖片時,用戶按下按鈕 – thecore7

+0

好了,你可以看看官方的MDN:https://developer.mozilla.org/en-US/docs/Mozilla/B2G_OS/API/Camera_API/Introduction雖然IE移動,Opera移動和Safari不支持。或者,嘗試webcamjs(注意,不過,Chrome需要HTTPS與它合作,而IE則需要Flash Player) – briosheje

回答

3

這是隻有在HTML5後備情況使用閃光燈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> 
+0

這看起來非常有前途的,因爲它確實需要當你按下按鈕,但如何將它直接上傳阿迪?謝謝 – thecore7

+0

寫出手Ajax調用快照()方法,在這裏您可以直接發送data_uri到相應的服務器端代碼和汽車無數據庫 – mean

+0

現在看看更新的代碼,使一個PHP網頁,其中應閱讀烏爾JSON和發送到DP – mean