Update static/index.html

static/index.html

@@ -463,9 +463,6 @@ function sendInputs() {
     const steps = document.getElementById("steps").value;
     const cfgScale = document.getElementById("cfg_scale").value;
     const seed = document.getElementById("seed").value;
-    
-    const imageBox = document.getElementById("image-box");  // Moved the imageBox variable declaration here
-
     fetch(`/send_inputs?inputs=${encodeURIComponent(inputs)}&noise_level=${noiseLevel}&is_negative=${isNegative}&steps=${steps}&cfg_scale=${cfgScale}&seed=${seed}`)
         .then(response => {
             if (!response.ok) {
@@ -474,6 +471,7 @@ function sendInputs() {
             return response.json();
         })
         .then(data => {
+            const imageBox = document.getElementById("image-box");
             const img = new Image();
             img.src = 'data:image/jpeg;base64,' + data.image_base64;
             const maxWidth = 200;
@@ -483,12 +481,12 @@ function sendInputs() {
                 img.width *= ratio;
                 img.height *= ratio;
             }
-            imageBox.innerHTML = ""; // Clear previous content
-            imageBox.appendChild(img); // Append new image
+            imageBox.appendChild(img);
             hideSpinner('sendSpinner');
         })
         .catch(error => {
             console.error('Error:', error);
+            const imageBox = document.getElementById("image-box");
             imageBox.innerHTML = "<p>An error occurred. Please try again later.</p>";
             hideSpinner('sendSpinner');
         });