圖片上傳

1. 適用場景

圖片上傳可以用來記錄當(dāng)前提交表單所需要的圖片相關(guān)證明，例如上傳身份證、報銷的發(fā)票等。

2. 基礎(chǔ)功能

設(shè)置圖片上傳組件的格式和顯示效果

2.1 上傳類型

路徑：點(diǎn)擊組件 >> 右側(cè)屬性 >> 上傳詳情設(shè)置

分為： 點(diǎn)擊、卡片、拖拽

2.1.1 點(diǎn)擊

展示為系統(tǒng)自帶格式，效果如圖：

2.1.2 卡片

顯示的是個正方形的框架，效果如圖：

2.1.3 拖拽

可直接從電腦桌面把圖片拖到虛線框內(nèi)，效果如圖：

2.1.4 圖片上傳大小

超大圖片,無需擔(dān)心，一鍵快速上傳，圖片上傳的內(nèi)容大小，從以前的 20 M 提升至 50 M↑

2.2 圖片顯示

設(shè)置上傳的圖片通過什么方式顯示出來

分為：文字、圖文

2.2.1 文字

只展示圖片名，不會展示圖片，需要點(diǎn)擊后方小眼睛才可以看見圖片詳情，效果如圖：

2.2.2 圖文

展示圖片名和圖片詳情，效果如圖：

2.3 修改按鈕名稱

如：需要提交表單的成員上傳身份證就可以把按鈕名稱修改為身份證，效果如圖：

2.4 外觀顏色

可以自定義按鈕顏色，系統(tǒng)默認(rèn)為 「primary」。

2.4.1 primary (主要)

圖片上傳按鈕變成了藍(lán)色背景，白色文字。

2.4.2 second (次要)

圖片上傳按鈕變成了藍(lán)色邊框，白色背景色。

2.4.3 normal (普通)

圖片上傳變成了灰色邊框，灰色文字。

2.5 多選

關(guān)閉了多選，一次就只能上傳一張圖片，開啟了一次可上傳多張圖片。

注：開啟了多選同時多選下面的最大上傳文件個數(shù)也需要同步開啟

2.6 上傳圖片類型

自定義圖片上傳的文件類型，系統(tǒng)默認(rèn)為 「image/*」，表示所有圖片都可上傳；

注：目前上傳類型為拖拽時，不會限制上傳的圖片格式

注： 如果只想支持固定的圖片格式，可以輸入具體的圖片類型, 以逗號隔開, 例如只想支持 .jpg或 .png 格式的。效果如圖：

3. 常見問題

3.1 怎么把圖片上傳設(shè)置為只能實(shí)時拍照上傳呢？

開啟圖片組件僅允許拍照上傳即可。

3.2 如何導(dǎo)出圖片文件？

可以參考這篇文檔