Hugging Face's logo

Spaces:
eg-art
/
up_fail
Running

App Files Community
DmitrMakeev commited on
Commit
18d90e6
·
verified ·
1 Parent(s): d15dd0e

Update up_fa.html

Browse files
Files changed (1) hide show
  1. up_fa.html +40 -13
up_fa.html CHANGED
@@ -73,7 +73,6 @@
73
  </style>
74
  </head>
75
  <body>
76
-
77
  <div id="mediaContainer">
78
  <!-- Media content will be displayed here -->
79
  </div>
@@ -86,10 +85,27 @@
86
  <button type="submit">Загрузить</button>
87
  </form>
88
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
89
- <script>
90
  document.getElementById('uploadForm').addEventListener('submit', function(event) {
91
  event.preventDefault();
92
  var formData = new FormData(this);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
93
  var request = new XMLHttpRequest();
94
  request.open('POST', '/upload');
95
  request.upload.addEventListener('progress', function(event) {
@@ -100,19 +116,30 @@
100
  }
101
  }, false);
102
  request.addEventListener('load', function(event) {
103
- var response = event.target.responseText;
104
- var fullUrl = response.split('saved to ')[1];
105
- var filename = fullUrl.split('/').pop();
106
- document.getElementById('imageUrl').innerText = fullUrl;
107
- displayMedia(fullUrl);
108
- document.getElementById('progressBar').style.width = '0%';
109
- document.getElementById('progressBar').innerText = '0%';
110
- // Сохранение имени файла и ссылки в локальное хранилище
111
- localStorage.setItem('filename', filename);
112
- localStorage.setItem('fileUrl', fullUrl);
 
 
 
 
 
 
 
 
 
 
113
  }, false);
114
  request.send(formData);
115
  });
 
116
  function displayMedia(url) {
117
  var mediaContainer = document.getElementById('mediaContainer');
118
  mediaContainer.innerHTML = '';
@@ -135,6 +162,7 @@
135
  mediaContainer.innerText = 'Unsupported file type';
136
  }
137
  }
 
138
  function copyToClipboard(element) {
139
  var tempInput = document.createElement("input");
140
  tempInput.value = element.innerText;
@@ -151,6 +179,5 @@
151
  }).showToast();
152
  }
153
  </script>
154
-
155
  </body>
156
  </html>
 
73
  </style>
74
  </head>
75
  <body>
 
76
  <div id="mediaContainer">
77
  <!-- Media content will be displayed here -->
78
  </div>
 
85
  <button type="submit">Загрузить</button>
86
  </form>
87
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
88
+ <script>
89
  document.getElementById('uploadForm').addEventListener('submit', function(event) {
90
  event.preventDefault();
91
  var formData = new FormData(this);
92
+
93
+ // Получаем ключ из локального хранилища
94
+ const apiKeySys = localStorage.getItem('api_key_sys');
95
+ if (!apiKeySys) {
96
+ Toastify({
97
+ text: "Ключ авторизации не найден",
98
+ duration: 3000,
99
+ gravity: "top",
100
+ position: "center",
101
+ backgroundColor: "#FF5733",
102
+ }).showToast();
103
+ return;
104
+ }
105
+
106
+ // Добавляем ключ в FormData
107
+ formData.append('api_key_sys', apiKeySys);
108
+
109
  var request = new XMLHttpRequest();
110
  request.open('POST', '/upload');
111
  request.upload.addEventListener('progress', function(event) {
 
116
  }
117
  }, false);
118
  request.addEventListener('load', function(event) {
119
+ var response = JSON.parse(event.target.responseText);
120
+ if (response.error) {
121
+ Toastify({
122
+ text: "Ошибка: " + response.error,
123
+ duration: 3000,
124
+ gravity: "top",
125
+ position: "center",
126
+ backgroundColor: "#FF5733",
127
+ }).showToast();
128
+ } else {
129
+ var fullUrl = response.url;
130
+ var filename = fullUrl.split('/').pop();
131
+ document.getElementById('imageUrl').innerText = fullUrl;
132
+ displayMedia(fullUrl);
133
+ document.getElementById('progressBar').style.width = '0%';
134
+ document.getElementById('progressBar').innerText = '0%';
135
+ // Сохранение имени файла и ссылки в локальное хранилище
136
+ localStorage.setItem('filename', filename);
137
+ localStorage.setItem('fileUrl', fullUrl);
138
+ }
139
  }, false);
140
  request.send(formData);
141
  });
142
+
143
  function displayMedia(url) {
144
  var mediaContainer = document.getElementById('mediaContainer');
145
  mediaContainer.innerHTML = '';
 
162
  mediaContainer.innerText = 'Unsupported file type';
163
  }
164
  }
165
+
166
  function copyToClipboard(element) {
167
  var tempInput = document.createElement("input");
168
  tempInput.value = element.innerText;
 
179
  }).showToast();
180
  }
181
  </script>
 
182
  </body>
183
  </html>