AttachmentField 添付ファイルアップロード
使用場面
- ファイルアップロードおよび送信のシナリオに使用されます。
コンポーネント例
コンポーネント属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
accept | アップロードファイルタイプを設定します(複数の場合は英語のコンマで区切ります)例:.doc, .docx, .pdf | string | - |
autoUpload | 自動アップロードするかどうか。無効にすると、this.$('fieldId').startUpload() を手動で呼び出してアップロードを開始する必要があります | boolean | true |
beforeUpload | アップロード前処理イベント | (file: object, options: object) => void | - |
behavior | 表单组件显示状态 | 'NORMAL' | |
buttonSize | ボタンのサイズを設定 | 'small' | 'medium' | 'large' | 'medium' |
buttonText | ボタンの内容を設定 | string | 'ファイルをアップロード' |
buttonType | ボタンタイプを設定 | 'primary' | 'secondary' | 'normal' | 'primary' |
customUploadPane | カスタマイズパネル | () => ReactNode | - |
data | アップロード時に付加できる追加パラメータを設定 | Record<string, string> | {} |
formatter | データ処理イベント | (response: any) => any | - |
headers | アップロード時のリクエストヘッダーを設定 | Record<string, string> | {} |
label | 表单组件标题 | string | - |
labelAlign | 表单组件标题的位置 | 'left' | 'top' | 'top' |
labelColOffset | 设置标题的偏移位置,配置值为栅格值,1代表1/24 | number | 0 |
labelColSpan | 设置标题的占位宽度,配置值为栅格值,1代表1/24 | number | 4 |
labelTextAlign | 表单组件的标题对齐方式 | 'left' | 'right' | 'right' |
labelTipsIcon | 表单组件标题提示信息入口图标,当labelTipsTypes取值为 text 或 render 时生效 | string | - |
labelTipsRender | 表单组件标题提示信息自定义渲染方法,当labelTipsTypes取值为 render 时生效 | (props: IComponentProps) => ReactNode | - |
labelTipsText | 表单组件标题提示文本信息,当labelTipsTypes取值为 text 时生效 | string | - |
labelTipsTypes | 表单组件标题提示信息类型设置 | 'none' | |
limit | 最大アップロードファイル数を設定 | number | 9 |
maxFileSize | 単ファイル最大アップロードサイズ(MB)を設定 | number | 50 |
multiple | 複数ファイルのアップロードをサポートするかどうか | boolean | true |
name | サーバーに送信する際の name | string | - |
onCancel | コンポーネントのアップロードキャンセルイベント | () => void | - |
onChange | コンポーネントの値が変更された際のイベント | ({ value: object }) => void | - |
onDragLeave | コンポーネントのドラッグリーブイベント | () => void | - |
onDragOver | コンポーネントのドラッグオーバーイベント | () => void | - |
onDrop | コンポーネントのドロップイベント | () => void | - |
onError | コンポーネントのアップロード失敗イベント | (file: object, value: array) => void | - |
onProgress | コンポーネントのアップロード中イベント | () => void | - |
onRemove | コンポーネントの削除ボタンクリックイベント | (file: object) => void | - |
onSelect | コンポーネントのファイル選択イベント | (file: object) => void | - |
onSuccess | コンポーネントのアップロード成功イベント | (file: object, value: array) => void | - |
size | 表单组件尺寸 | 'medium' | |
timeout | アップロードタイムアウトを設定します。単位:ms | number | 0 |
tips | 表单组件描述信息,展示在控件下方 | string | - |
type | アップロードタイプを設定します。PC版のみ有効 | 'normal' | 'drag' | 'normal' |
validation | 表单组件校验设置,具体使用详见表单校验文档 | [] | |
value | デフォルト値 | array | - |
withCredentials | リクエストにcookieを含めることを許可するかどうかを設定 | boolean | false |
wrapperColOffset | 设置表单组件的偏移位置,设置值为栅格值,1代表1/24 | number | 0 |
wrapperColSpan | 设置表单组件的占位宽度,设置值为栅格值,1代表1/24 | number | 0 |