ENGINEERING UI CATALOG
圖片
提供圖片上傳、預覽與無圖片狀態的共用元件。
UIImageUpload圖片上傳
可將圖片拖曳至區塊,或點擊開啟檔案選擇器;選取後可重新選擇或移除檔案。
拖曳圖片到這裡,或點擊選擇檔案支援一般圖片格式
查看使用方式
<UIImageUpload v-model="imageFile" />UIImageDisplay圖片顯示
顯示指定圖片;未提供來源或圖片載入失敗時,會自動顯示無圖片圖示。
圖片已載入

無圖片
無圖片
查看使用方式
<UIImageDisplay src="/images/example.jpg" alt="圖片說明" />
<UIImageDisplay />