add image flow

app/templates/boxes/form.html

@@ -6,7 +6,7 @@
     <a href="/boxes">返回箱子列表</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="{{ box.name if box else '' }}" required>
@@ -23,6 +23,24 @@
         备注
         <textarea name="note" rows="4">{{ box.note if box and box.note else '' }}</textarea>
     </label>
+    <label>
+        图片
+        <input type="file" name="image_file" accept="image/*">
+    </label>
+    {% if box and box.image_blob %}
+    <section class="card">
+        <p><strong>当前图片：</strong></p>
+        <img src="/boxes/{{ box.id }}/image" alt="{{ box.name }}" class="detail-image">
+        <button
+            type="submit"
+            class="link-button"
+            formaction="/boxes/{{ box.id }}/image/delete"
+            formmethod="post"
+        >
+            删除当前图片
+        </button>
+    </section>
+    {% endif %}
     <button type="submit">{{ submit_label }}</button>
 </form>
 {% endblock %}