Update templates/index.html

templates/index.html

@@ -96,8 +96,13 @@ h3 {
 <form id="medicineForm" method="POST" enctype="multipart/form-data" onsubmit="showProcessing()">
     <label>選擇藥品圖片：</label>
     <input type="file" name="image" accept="image/*" onchange="previewImage(event)">
+
     <div class="preview-container">
-        <img id="preview" src="{{ image_data|default('') }}" alt="" style="display: {{ 'block' if image_data else 'none' }};">
+        {% if image_url %}
+            <img id="preview" src="{{ image_url }}" alt="Uploaded Image" style="display:block;">
+        {% else %}
+            <img id="preview" src="" alt="Uploaded Image" style="display:none;">
+        {% endif %}
     </div>
 
     <label>藥品名稱（一定要填寫）：</label>
@@ -124,12 +129,8 @@ function previewImage(event) {
             preview.style.display = 'block';
         }
         reader.readAsDataURL(input.files[0]);
-    } else {
-        preview.src = '';
-        preview.style.display = 'none';
     }
 }
-
 function showProcessing() {
     document.getElementById('submitBtn').disabled = true;
     document.getElementById('submitBtn').innerText = 'Processing…';