gc_api_ra

Sleeping

App Files Files Community

DmitrMakeev commited on Jul 9, 2024

Commit

12c46c8

verified ·

1 Parent(s): 076b19e

Update se_mes_im2.html

Browse files

Files changed (1) hide show

se_mes_im2.html +43 -53

se_mes_im2.html CHANGED Viewed

@@ -1,54 +1,44 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Upload Image</title>
-</head>
-<body>
-    <h1>Upload Image</h1>
-    <form id="uploadForm">
-        <input type="file" id="fileInput" accept="image/*">
-        <button type="submit">Upload</button>
-    </form>
-    <div id="message"></div>
-    <div id="newFilename"></div>
-    <script>
-        document.getElementById('uploadForm').addEventListener('submit', function(event) {
-            event.preventDefault();
-            const fileInput = document.getElementById('fileInput');
-            const file = fileInput.files[0];
-            if (!file) {
-                document.getElementById('message').innerText = 'No file selected';
-                return;
-            }
-            const formData = new FormData();
-            formData.append('file', file);
-            fetch('https://api.green-api.com/waInstance1101952913/uploadFile/fb4986a9d9cb40ef9be6c7b08cb9c98b7a3b1dc8c6834b0b92', {
-                method: 'POST',
-                body: formData
-            })
-            .then(response => {
-                if (!response.ok) {
-                    return response.text().then(text => { throw new Error(text) });
-                }
-                return response.json();
-            })
-            .then(data => {
-                if (data.urlFile) {
-                    const newFilename = data.urlFile.split('/').pop();
-                    document.getElementById('message').innerText = 'File uploaded successfully';
-                    document.getElementById('newFilename').innerText = `New filename: ${newFilename}`;
-                } else {
-                    document.getElementById('message').innerText = 'Failed to upload file';
-                }
-            })
-            .catch(error => {
-                console.error('Error:', error);
-                document.getElementById('message').innerText = 'Error: ' + error.message;
             });
-        });
-    </script>
-</body>
-</html>

+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Camera Image</title>
+    </head>
+    <body>
+        <h1>Upload Image</h1>
+        <form id="uploadForm" enctype="multipart/form-data" method="post" action="/upload">
+            <input type="file" name="photo">
+            <button type="submit">Upload</button>
+        </form>
+        <div id="message"></div>
+        <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;
+                })
+                .catch(error => {
+                    document.getElementById('message').innerText = 'Error: ' + error.message;
+                });
             });
+            setInterval(function(){
+                var image = document.getElementById("cameraImage");
+                image.src = "/image?" + new Date().getTime();
+            }, 10000); // обновление каждые 10 секунд
+        </script>
+    </body>
+    </html>