psy2

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 9, 2024

Commit

f68a8fc

verified ·

1 Parent(s): 3eba119

Update se_mes_im2.html

Browse files

Files changed (1) hide show

se_mes_im2.html +27 -26

se_mes_im2.html CHANGED Viewed

@@ -1,5 +1,4 @@
-        <!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
@@ -16,32 +15,34 @@
         <h1>Latest Image</h1>
         <img id="cameraImage" src="/image" alt="Image" style="width:100%;">
         <script>
-            document.getElementById('uploadForm').addEventListener('submit', function(event) {
-                event.preventDefault();
-                var formData = new FormData(this);
-                fetch('/upload', {
-                    method: 'POST',
-                    body: formData
-                })
-                .then(response => {
-                    if (response.ok) {
-                        return response.text();
-                    }
-                    throw new Error('Network response was not ok.');
-                })
-                .then(data => {
-                    document.getElementById('message').innerText = data;
-                    fetch('/own_url')
-                    .then(response => response.text())
-                    .then(ownUrl => {
-                        var image = document.getElementById("cameraImage");
-                        image.src = ownUrl + "/image?" + new Date().getTime();
                     });
-                })
-                .catch(error => {
-                    document.getElementById('message').innerText = 'Error: ' + error.message;
                 });
             });
         </script>
     </body>
-    </html>

+    <!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
         <h1>Latest Image</h1>
         <img id="cameraImage" src="/image" alt="Image" style="width:100%;">
         <script>
+            document.addEventListener('DOMContentLoaded', function() {
+                fetch('/own_url')
+                .then(response => response.text())
+                .then(ownUrl => {
+                    document.getElementById('uploadForm').addEventListener('submit', function(event) {
+                        event.preventDefault();
+                        var formData = new FormData(this);
+                        fetch('/upload', {
+                            method: 'POST',
+                            body: formData
+                        })
+                        .then(response => {
+                            if (response.ok) {
+                                return response.text();
+                            }
+                            throw new Error('Network response was not ok.');
+                        })
+                        .then(data => {
+                            document.getElementById('message').innerText = data;
+                            var image = document.getElementById("cameraImage");
+                            image.src = ownUrl + "/image?" + new Date().getTime();
+                        })
+                        .catch(error => {
+                            document.getElementById('message').innerText = 'Error: ' + error.message;
+                        });
                     });
                 });
             });
         </script>
     </body>
+    </html>