返回元件總覽

ENGINEERING UI CATALOG

圖片

提供圖片上傳、預覽與無圖片狀態的共用元件。

UIImageUpload

圖片上傳

可將圖片拖曳至區塊,或點擊開啟檔案選擇器;選取後可重新選擇或移除檔案。

拖曳圖片到這裡,或點擊選擇檔案支援一般圖片格式
查看使用方式
<UIImageUpload v-model="imageFile" />
UIImageDisplay

圖片顯示

顯示指定圖片;未提供來源或圖片載入失敗時,會自動顯示無圖片圖示。

圖片已載入
預約服務示意圖
無圖片
無圖片
查看使用方式
<UIImageDisplay src="/images/example.jpg" alt="圖片說明" />
<UIImageDisplay />