Update biz_v.html

biz_v.html

@@ -216,8 +216,33 @@
                 <input id="uploadButton" type="submit" value="Загрузить пользователей">
             </form>
             <div id="result"></div>
-        </div>
 
+
+    <title>Upload JSON</title>
+
+
+        
+    <h1>Upload JSON File</h1>
+    <form id="uploadForm" onsubmit="handleFormSubmit(event)" enctype="multipart/form-data">
+        <label for="file">Select JSON file:</label>
+        <input type="file" id="file" name="file" accept=".json" required><br><br>
+        <input type="submit" value="Upload">
+    </form>
+    <div id="message" style="display:none; margin-top:20px;"></div>
+
+
+          
+   </div>
+
+
+
+
+
+
+
+
+
+      
         <div class="block">
             <h2>Бизон 365 - API</h2>
             <div class="form-group">
@@ -241,6 +266,39 @@
         </div>
     </div>
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
     <!-- Подключение скрипта Notyf -->
     <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
     <script>
@@ -361,5 +419,65 @@
             });
         }
     </script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    <script>
+        function showMessage(message) {
+            var messageDiv = document.getElementById('message');
+            messageDiv.innerText = message;
+            messageDiv.style.display = 'block';
+        }
+        function handleFormSubmit(event) {
+            event.preventDefault();
+            var formData = new FormData(event.target);
+            fetch('/upload_json', {
+                method: 'POST',
+                body: formData
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.message) {
+                    showMessage(data.message);
+                } else if (data.error) {
+                    showMessage(data.error);
+                }
+            })
+            .catch(error => {
+                showMessage("An error occurred: " + error);
+            });
+        }
+    </script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
 </body>
 </html>