互動式通訊編輯器中的影像欄位元件
aem-forms-ea@adobe.com 請求存取權限。1. 簡介
互動式通訊編輯器中的影像欄位元件可讓作者將影像插入通訊版面配置中。 它非常適合使用案例，例如像片識別、檔案驗證或視覺驗證，其中向一般使用者顯示影像是必要的。
此元件支援 JPEG 和 PNG 等常見格式，提供彈性的設定選項，以定義影像的顯示、儲存和樣式設定方式。 作者也可以 將名稱或標籤 指派給影像欄位，以提升版面清晰度和組織性。
2.屬性
「影像欄位」元件包含數個可設定的屬性：
2.1.基本欄位
-
名稱： 定義欄位的唯一識別碼，用於參考資料模型與規則。
-
標題： 在介面上向使用者顯示標籤。
-
選取影像： 允許作者使用此屬性上傳影像 — 通常用於圖志、ID或其他視覺元素。
-
保留影像： 定義影像的對齊方式（左、右、上或下），或使用公厘（如20毫米）等單位來指定 自訂位置。
2.2.位置
控制影像在配置圖中的空間位置。
-
X和Y座標
-
高度和寬度（公厘）
2.3.利潤
定義文字方塊周圍的間距：
-
上（上）
-
下（下）
-
左
-
右
2.4.外觀
外觀：定義影像欄位的視覺樣式，選擇框線、平坦或高架等預設集，並使用填色顏色、線條寬度和角落樣式（圓角或銳利化）自訂。
2.5.是否存在
決定執行階段影像元件的可見度。
-
可見
-
隱藏（保留空間）
2.6.資料繫結
將影像欄位連結到資料來源，以在通訊中擷取和顯示動態影像內容。
資料繫結型別： 定義影像欄位如何連線到基礎資料結構或結構描述。
使用名稱： 使用資料模型或結構描述中指定的欄位名稱來繫結影像欄位，允許在執行階段動態填入影像。
使用全域資料： 將影像欄位連線到在整個通訊中共用的全域資料，以確保視覺內容的一致性。
無資料繫結： 保持欄位與任何後端資料中斷連線，適用於顯示靜態影像或完全透過UI設定控制影像的情況。
3.使用狀況
在需要提交視覺內容的內容中，「影像欄位」非常有用。 常見使用案例包含：
-
上傳ID證明（護照、授權）
-
提交設定檔或個人像片
-
以視覺化方式附加支援檔案
作者可以將欄位放置在子表單或版面容器中以對齊，並使用自訂驗證規則來控制接受的檔案型別和大小。
4.最佳作法
-
提示影像上傳時，請使用清除標籤或指示。
-
透過效能驗證來限制檔案大小和格式。
-
確定用於協助工具的遞補（保留）影像。
-
如果與後端整合，請將欄位繫結到有意義的結構描述路徑
互動式通訊編輯器中的「影像欄位」元件是一個多功能元件，可啟用視覺內容上傳來增強表單互動性。 在設計上採用樣式、驗證和資料繫結，可支援順暢的使用者體驗，以及影像型提交的高效資料擷取。