Jquery 如何实现RPi与网页的交互_Jquery_Ajax_Web_Websocket_Raspberry Pi

Jquery 如何实现RPi与网页的交互

jquery ajax web websocket raspberry-pi

Jquery 如何实现RPi与网页的交互,jquery,ajax,web,websocket,raspberry-pi,Jquery,Ajax,Web,Websocket,Raspberry Pi,我是RPi、Python和网页技术的新手。我计划使用RPi作为web服务器，客户端可以通过浏览器连接它。在网页上，客户端可以按下按钮让RPi拍照（存储在RPi SD卡中），RPi在网页上显示实时GPS位置我认为这是一个相互交流的问题，有人说我可以使用AJAX或Websocket，是否有任何模板或示例？THX。顺便说一句，如果你有任何建议，请告诉我。我已经在我的RPi上安装了LAMP服务器，它工作正常。然后您只需将web文件添加到/var/www文件夹中您可以使用php让用户上传文件，

我是RPi、Python和网页技术的新手。我计划使用RPi作为web服务器，客户端可以通过浏览器连接它。在网页上，客户端可以按下按钮让RPi拍照（存储在RPi SD卡中），RPi在网页上显示实时GPS位置我认为这是一个相互交流的问题，有人说我可以使用AJAX或Websocket，是否有任何模板或示例？THX。

顺便说一句，如果你有任何建议，请告诉我。

我已经在我的RPi上安装了LAMP服务器，它工作正常。然后您只需将web文件添加到/var/www文件夹中

您可以使用php让用户上传文件，如图片。 php代码可以是这样的

<?php
    if ($_FILES['file']['size'] > 0) {
    $finfo = finfo_open(FILEINFO_MIME_TYPE);
    $mime = finfo_file($finfo, $_FILES['file']['tmp_name']);
    $ok = false;
    switch ($mime) {
       case 'image/jpeg':
            $ok = true;
            break;
       default:
           echo "";
    }
            move_uploaded_file($_FILES["file"]["tmp_name"],"upload/pic{$id}.jpeg"
    }
?>


<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to get your coordinates:</p>
<button onclick="getLocation()">Try It</button>
<script>
var x=document.getElementById("demo");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
  x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;    
  }
</script>
</body>
</html>