sem/5g_drone_ROS2
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

take_picture

Browse Source
This commit is contained in:
Sem van der Hoeven
2023-06-02 13:01:52 +02:00
parent dd364da5be
commit 1850a490f1
1 changed files with 2 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
api/views/index.ejs
View File

@@ -45,7 +45,7 @@
</div> </div>
<div class="lastpicture"> <div class="lastpicture">
<p>Last picture:</p> <p>Last picture:</p>
<img id="picture"> <img id="picture" style="width: 400px;">
<h2>Drone status</h2> <h2>Drone status</h2>
<p id="batterypercentage">Battery percentage</p> <p id="batterypercentage">Battery percentage</p>
<p id="cpuload">CPU load</p> <p id="cpuload">CPU load</p>
@@ -192,16 +192,7 @@
function take_picture() { function take_picture() {
console.log("take picture"); console.log("take picture");
var xhr = new XMLHttpRequest(); document.getElementById("picture").src = document.getElementById("result-video").src;
xhr.open("GET", "/image", true);
xhr.overrideMimeType("text/plain; charset=utf-8");
xhr.onload = (e) => {
console.log("response image received");
const img = e.response;
document.getElementById("picture").src = img;
}
console.log("sending picture request")
xhr.send();
} }
function arm_disarm() { function arm_disarm() {