do not try to save base64 intermediates in gallery on cancellation

backend/invoke_ai_web_server.py

@@ -642,12 +642,12 @@ class InvokeAIWebServer:
                     (width, height) = image.size
                     buffered = io.BytesIO()
                     image.save(buffered, format="PNG")
-                    img_str = base64.b64encode(buffered.getvalue()).decode('UTF-8')
-                    img_base64 = "data:image/jpeg;base64," + img_str
+                    img_base64 = "data:image/jpeg;base64," + base64.b64encode(buffered.getvalue()).decode('UTF-8')
                     self.socketio.emit(
                         "intermediateResult",
                         {
                             "url": img_base64,
+                            "isBase64": True,
                             "mtime": 0,
                             "metadata": {},
                             "width": width,

frontend/dist/index.html

@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>InvokeAI - A Stable Diffusion Toolkit</title>
   <link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
-  <script type="module" crossorigin src="./assets/index.4488003f.js"></script>
+  <script type="module" crossorigin src="./assets/index.e2832fd4.js"></script>
   <link rel="stylesheet" href="./assets/index.52c8231e.css">
 </head>
 

frontend/src/app/invokeai.d.ts

@@ -115,7 +115,8 @@ export declare type Image = {
   metadata?: Metadata;
   width: number;
   height: number;
-  category: GalleryCategory;
+  category: GalleryCategory; 
+  isBase64: boolean; 
 };
 
 // GalleryImages is an array of Image.

frontend/src/app/socketio/listeners.ts

@@ -261,18 +261,20 @@ const makeSocketIOListeners = (
       const { intermediateImage } = getState().gallery;
 
       if (intermediateImage) {
-        dispatch(
-          addImage({
-            category: 'result',
-            image: intermediateImage,
-          })
-        );
-        dispatch(
-          addLogEntry({
-            timestamp: dateFormat(new Date(), 'isoDateTime'),
-            message: `Intermediate image saved: ${intermediateImage.url}`,
-          })
-        );
+        if (!intermediateImage.isBase64) {
+          dispatch(
+            addImage({
+              category: 'result',
+              image: intermediateImage,
+            })
+          );
+          dispatch(
+            addLogEntry({
+              timestamp: dateFormat(new Date(), 'isoDateTime'),
+              message: `Intermediate image saved: ${intermediateImage.url}`,
+            })
+          );
+        }
         dispatch(clearIntermediateImage());
       }