Update app.py

app.py

@@ -617,29 +617,30 @@ async def predict(image):
         if isinstance(image, np.ndarray):
             image = Image.fromarray(image)
 
+        # 創建一個新的圖像副本用於註釋
+        annotated_image = image.copy()
+        draw = ImageDraw.Draw(annotated_image)
+        font = ImageFont.load_default()
+
         dogs = await detect_multiple_dogs(image)
         
         color_list = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF', '#800080', '#FFA500']
-        
         dogs_info = ""
         all_breeds = set()  # 使用集合來避免重複
-         # 創建一個新的圖像副本用於註釋
-        annotated_image = image.copy()
-        draw = ImageDraw.Draw(annotated_image)
-        font = ImageFont.load_default()
-    
+        buttons = []  # 初始化 buttons 列表
+
         for i, (cropped_image, detection_confidence, box) in enumerate(dogs):
             top1_prob, topk_breeds, topk_probs_percent = await predict_single_dog(cropped_image)
             color = color_list[i % len(color_list)]
             draw.rectangle(box, outline=color, width=3)
             draw.text((box[0] + 5, box[1] + 5), f"Dog {i+1}", fill=color, font=font)
-    
+
             combined_confidence = detection_confidence * top1_prob
             dogs_info += f'''
             <div class="dog-info" style="border-left: 5px solid {color}; margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; border-radius: 5px;">
                 <h2 style="background-color: #f0f0f0; padding: 10px; margin: -15px -15px 15px -15px; border-radius: 5px 5px 0 0;">Dog {i+1}</h2>
             '''
-    
+
             if top1_prob >= 0.45:
                 breed = topk_breeds[0]
                 all_breeds.add(breed)
@@ -655,6 +656,7 @@ async def predict(image):
                 for breed in topk_breeds[:3]:
                     button_id = f"Dog {i+1}: More about {breed}"
                     dogs_info += f'<button class="breed-button" onclick="handle_button_click(\'{button_id}\')">{breed}</button>'
+                    buttons.append(button_id)
                 dogs_info += '</div>'
             else:
                 dogs_info += "<p>The image is unclear or the breed is not in the dataset. Please upload a clearer image.</p>"
@@ -709,7 +711,6 @@ async def predict(image):
         print(error_msg)
         return error_msg, None, gr.update(visible=False, choices=[]), None
 
-
         
 
 def show_details_html(choice, previous_output, initial_state):