add image flow

app/templates/items/form.html

@@ -9,7 +9,7 @@
     <a href="/boxes/{{ box.id }}">返回箱子</a>
 </div>
 
-<form method="post" action="{{ form_action }}" class="stack">
+<form method="post" action="{{ form_action }}" class="stack" enctype="multipart/form-data">
     <label>
         名称
         <input type="text" name="name" value="{{ item.name if item else '' }}" required>
@@ -26,6 +26,24 @@
         备注
         <textarea name="note" rows="4">{{ item.note if item and item.note else '' }}</textarea>
     </label>
+    <label>
+        图片
+        <input type="file" name="image_file" accept="image/*">
+    </label>
+    {% if item and item.image_blob %}
+    <section class="card">
+        <p><strong>当前图片：</strong></p>
+        <img src="/items/{{ item.id }}/image" alt="{{ item.name }}" class="detail-image">
+        <button
+            type="submit"
+            class="link-button"
+            formaction="/items/{{ item.id }}/image/delete"
+            formmethod="post"
+        >
+            删除当前图片
+        </button>
+    </section>
+    {% endif %}
     <button type="submit">{{ submit_label }}</button>
 </form>
 {% endblock %}