flask_inference_api

Runtime error

DmitrMakeev commited on Jun 7, 2024

Commit

f9b62b5

verified ·

1 Parent(s): 8f1065d

Update online.html

Files changed (1) hide show

online.html CHANGED Viewed

@@ -4,6 +4,7 @@
     <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>
@@ -20,20 +21,9 @@
             var imageFile = document.getElementById('imageInput').files[0];
             formData.append('image', imageFile);
-            fetch('https://dmitrmakeev-flask-inference-api.hf.space/upload', {
-                method: 'POST',
-                body: formData
-            })
             .then(response => {
-                console.log('Response status:', response.status);
-                if (response.ok) {
-                    return response.text();
-                }
-                throw new Error('Network response was not ok.');
-            })
-            .then(data => {
-                console.log('Response data:', data);
-                document.getElementById('message').innerText = data;
             })
             .catch(error => {
                 console.error('Fetch error:', error);
@@ -44,3 +34,4 @@
 </body>
 </html>

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Upload Image</title>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
 </head>
 <body>
     <h1>Upload Image</h1>
             var imageFile = document.getElementById('imageInput').files[0];
             formData.append('image', imageFile);
+            axios.post('https://dmitrmakeev-flask-inference-api.hf.space/upload', formData)
             .then(response => {
+                document.getElementById('message').innerText = response.data;
             })
             .catch(error => {
                 console.error('Fetch error:', error);
 </body>
 </html>