| <!DOCTYPE html>
|
| <html lang="en">
|
| <head>
|
| <meta charset="UTF-8">
|
| <title>Image Upload Form</title>
|
| <script>
|
| function showLoading() {
|
| document.getElementById('loading').style.display = 'block';
|
| document.getElementById('form').style.display = 'none';
|
| }
|
| </script>
|
| </head>
|
| <body>
|
| <h1>Upload Images for Processing</h1>
|
| <form id="form" action="http://13.51.197.183:8000/process-image/" enctype="multipart/form-data" method="post" onsubmit="showLoading()">
|
| <label for="api_key">API Key:</label>
|
| <input type="text" name="api_key" required><br><br>
|
| <label for="source_file">Source Image:</label>
|
| <input type="file" name="source_file" accept="image/*"><br><br>
|
| <label for="target_files">Target Images:</label>
|
| <input type="file" name="target_files" accept="image/*" multiple><br><br>
|
| <input type="submit" value="Process">
|
| </form>
|
| <div id="loading" style="display:none;">
|
| <p>Loading, please wait...</p>
|
| </div>
|
| </body>
|
| </html>
|
|
|
