Update up_page.html

up_page.html

@@ -86,10 +86,27 @@
         <button type="submit">Загрузить</button>
     </form>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
-  <script>
+    <script>
         document.getElementById('uploadForm').addEventListener('submit', function(event) {
             event.preventDefault();
             var formData = new FormData(this);
+
+            // Получаем ключ из локального хранилища
+            const apiKeySys = localStorage.getItem('api_key_sys');
+            if (!apiKeySys) {
+                Toastify({
+                    text: "Ключ авторизации не найден",
+                    duration: 3000,
+                    gravity: "top",
+                    position: "center",
+                    backgroundColor: "#FF5733",
+                }).showToast();
+                return;
+            }
+
+            // Добавляем ключ в FormData
+            formData.append('api_key_sys', apiKeySys);
+
             var request = new XMLHttpRequest();
             request.open('POST', '/up_page');
             request.upload.addEventListener('progress', function(event) {
@@ -100,16 +117,27 @@
                 }
             }, false);
             request.addEventListener('load', function(event) {
-                var response = event.target.responseText;
-                var fullUrl = response.split('saved to ')[1];
-                document.getElementById('imageUrl').innerText = fullUrl;
-                document.getElementById('progressBar').style.width = '0%';
-                document.getElementById('progressBar').innerText = '0%';
-                // Сохранение ссылки в локальное хранилище
-                localStorage.setItem('fileUrl', fullUrl);
+                var response = JSON.parse(event.target.responseText);
+                if (response.error) {
+                    Toastify({
+                        text: "Ошибка: " + response.error,
+                        duration: 3000,
+                        gravity: "top",
+                        position: "center",
+                        backgroundColor: "#FF5733",
+                    }).showToast();
+                } else {
+                    var fullUrl = response.url;
+                    document.getElementById('imageUrl').innerText = fullUrl;
+                    document.getElementById('progressBar').style.width = '0%';
+                    document.getElementById('progressBar').innerText = '0%';
+                    // Сохранение ссылки в локальное хранилище
+                    localStorage.setItem('fileUrl', fullUrl);
+                }
             }, false);
             request.send(formData);
         });
+
         function copyToClipboard(element) {
             var tempInput = document.createElement("input");
             tempInput.value = element.innerText;