|
<!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>
|
|
|
