JavaScript:

1async function sendRequestToAnalyzeImage(event) {
2    event.preventDefault();
3    const prompt = document.getElementById("prompt").value;
4
5    const formData = new FormData();
6    formData.append("prompt", prompt);
7    formData.append("api_key", "your_api_key_here");
8
9    const response = await fetch("https://wxm-back.vercel.app//request_generate_image", {
10        method: "POST",
11        body: formData,
12    });
13
14    const result = await response.json();
15    const img = document.getElementById("resultImage");
16    img.src = result.file_path;
17  }

HTML:

1<h1>Image Analyze Request</h1>
2<form id="analyzeForm" enctype="multipart/form-data" onsubmit="sendRequestToAnalyzeImage(event)">
3    <label for="prompt">Prompt:</label>
4    <input type="text" id="prompt" name="prompt" placeholder="Enter your image prompt here" required ><br><br>
5
6    <button type="submit">Generate Image</button>
7</form>
8<img id="resultImage" alt="Generated result will appear here" />

JSON:

1{
2  "file_path": "path_to_generated_image.jpg"
3}