## 多圖片上傳
系統內置了附件管理,圖片上傳后傳遞的值為圖片url或附件ID。
- 方法原型:
```
addImages($name = '', $title = '', $tips = '', $default = '', $attr = [])
```
- 參數說明:
```
* @param string $name 字段名:是否必填 格式: name:require 或 name
* @param string $title 標題
* @param string $tips 提示
* @param string $default 默認值
* @param array $attr 組件屬性 {
* value: id/url, 值使用的附件字段, id-保存附件ID, url-保存附件url, 默認為url,
* width: 圖片寬度限制,int類型,
* height: 圖片高度限制,int類型,
* size_type: 尺寸限制類型, absolute: 絕對值, ratio: 按比例,
* format: 格式限制(逗號分隔的字符串或數組,默認為 ['image/png', 'image/jpeg', 'image/gif']),
* size: 文件大小限制,int類型,單位為字節,
* limit: 圖片數量限制,用于多圖片上傳,
* disabled: 是否禁用上傳功能, 即只做展示
* long_image: 長圖模式,每行顯示一張,依次往下顯示, bool
* long_image_width: 長圖模式時圖片的寬度,不傳時不限制大小
* draggable: 圖片是否可拖拽排序
* drag: 是否開啟拖拽上傳
* list_type: 圖片列表顯示類型, 默認picture-card, 可傳值text
* multiple: 圖片是否支持多選
* big: 是否為大圖模式
* }
```
## 調用方式
- 添加多圖上傳控件
```
return SBuilder::make('form')
->addImages('pics', '圖片列表')
->fetch();
```
> 頁面效果:

- 可以通過`attr`參數限制圖片大小,寬高,格式以及最大上傳數量。
```
return SBuilder::make('form')
->addImages('pics', '圖片列表', '支持jpg、jpeg、png類型,大小不超過2M,最多上傳10張', '', [
'size' => 2*1024*1024,
'format' => ['image/png', 'image/jpeg']
,
'limit' => 10,
])
->fetch();
```
> 上傳數量達到上限后會隱藏自動上傳按鈕。
- 序言
- 下載及安裝
- 目錄結構
- 基礎
- 多站點-單入口文件(推薦)
- (舊)多站點-多入口文件方式
- (舊)入口文件
- (舊)站點配置
- 按鈕操作
- 區塊概念
- 構建器(SBuilder)
- 頁面-Page
- 設置頁面標題
- 添加頁面提示信息
- 設置頁面Tab
- 設置頁面背景色
- 設置是否點擊遮罩關閉
- 添加區塊
- 區塊-Block
- 設置區塊名
- 設置區塊布局
- 表單(form)
- 添加表單項通用方法
- 添加表單項
- 單行文本框
- 多行文本框
- 數字輸入框
- 密碼框
- 數組輸入框
- 單選框
- 狀態選擇器
- 復選框
- 下拉框
- 級聯選擇器
- 開關
- 日期選擇器
- 日期時間選擇器
- 日期范圍選擇器
- 日期時間范圍選擇器
- 時間選擇器
- 時間范圍選擇器
- Tree 樹形組件
- 圖標選擇器
- 顏色選擇器
- 單圖片上傳
- 多圖片上傳
- 視頻上傳
- 單文件上傳
- 多文件上傳
- 富文本編輯器-QEditor
- 富文本編輯器-UEditor
- 小程序富文本
- 靜態文本
- 隱藏表單項
- 表格數據輸入框
- 分組
- 地圖選擇器(未實現)
- 地區選擇器(未實現)
- 穿梭框(未實現)
- 圖片裁剪(未實現)
- 郵箱輸入框(未實現)
- 設置表單LabelWidth
- 設置表單提交地址
- 設置默認按鈕標題
- 提交表單確認框
- 隱藏默認按鈕
- 添加額外按鈕
- 設置觸發器
- 設置表單數據
- 表單布局
- 模板
- 表格(table)
- 設置表名
- 添加頂部按鈕
- 添加時間段篩選
- 設置搜索欄
- 添加列
- text
- byte
- status
- tags
- yesno
- datetime
- icon
- image
- images
- external_image[已廢棄]
- external_images[已廢棄]
- link
- html
- select
- text.edit
- group
- 多選框欄
- 數量索引欄
- 操作欄
- 右側操作按鈕
- 設置多選框
- 設置顯示數量索引
- 設置列表數據地址
- 直接設置數據
- 關閉ajax獲取數據功能
- 設置分頁
- 自動新增
- 自動編輯
- 圖表(Charts)
- Html
- Iframe
- 數據面板
- 卡片列表
- 按鈕(Button)
- 按鈕調用示例
- 自定義組件
- 混合頁面
- 概念說明
- 擴展
- 圖標擴展
- 雜項
- 幫助函數
- TODO