Update public/script.js, public/index.html files

083c80b5 · Лотуга Данила Сергеевич · 2e0dd521 · 083c80b5 · 083c80b5
Commit 083c80b5 authored Jun 12, 2023 by Лотуга Данила Сергеевич 🏳
Hide whitespace changes
Inline Side-by-side

Showing with 39 additions and 19 deletions

index.html public/index.html +11 -19

script.js public/script.js +28 -0

No files found.
--- a/public/index.html
+++ b/public/index.html
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="generator" content="GitLab Pages">
-    <title>Plain HTML site using GitLab Pages</title>
-    <link rel="stylesheet" href="style.css">
-  </head>
-  <body>
-    <div class="navbar">
-      <a href="https://pages.gitlab.io/plain-html/">Plain HTML Example</a>
-      <a href="https://gitlab.com/pages/plain-html/">Repository</a>
-      <a href="https://gitlab.com/pages/">Other Examples</a>
-    </div>
+<head>
+  <title>Image Upload</title>
+  <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+  <h1>Image Upload</h1>
+  <input type="file" id="image-input">
+  <button id="upload-button">Upload</button>
+  <div id="result"></div>

-    <h1>Hello World!</h1>
-
-    <p>
-      This is a simple plain-HTML website on GitLab Pages, without any fancy static site generator.
-    </p>
-  </body>
+  <script src="script.js"></script>
+</body>
 </html>
-
--- a/public/script.js
+++ b/public/script.js
+document.getElementById('upload-button').addEventListener('click', async function() {
+  const imageInput = document.getElementById('image-input');
+  const file = imageInput.files[0];
+
+  if (file) {
+    const reader = new FileReader();
+    reader.onloadend = async function() {
+      const imageBase64 = reader.result.split(',')[1];
+
+      const response = await fetch('https://functions.yandexcloud.net/d4e48qrvft4m7jei77hr', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+          image_file: file.name,
+          image_data: imageBase64,
+          image_invert: true // Change this value as needed
+        })
+      });
+
+      const result = await response.json();
+      document.getElementById('result').textContent = JSON.stringify(result, null, 2);
+    };
+
+    reader.readAsDataURL(file);
+  }
+});