ImageField 画像アップロード

使用場面

• 画像素材のアップロードおよび送信のシナリオに使用されます。

コンポーネント例

コンポーネント属性

属性	说明	类型	默认值
accept	アップロード画像タイプを設定します（複数の場合は英語のコンマで区切ります）	string	'image/*'
autoUpload	自動アップロードするかどうか。無効にすると、this.$('fieldId').startUpload() を手動で呼び出してアップロードを開始する必要があります	boolean	true
beforeUpload	アップロード前処理イベント	(file: object, options: object) => void	-
behavior	表单组件显示状态	Behavior	'NORMAL'
buttonSize	アップロードボタンのサイズ	'small' | 'medium' | 'large'	'medium'
buttonText	ボタンの内容を設定します。PC版のみ有効	string	'ファイルをアップロード'
buttonType	アップロードボタンのタイプ	'primary' | 'secondary' | 'normal'	'primary'
customUploadPane	カスタマイズパネル	() => ReactNode	-
data	アップロード時に付加できる追加パラメータを設定	object	{}
formatter	データ処理イベント	(response: any) => any	-
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	表单组件标题提示信息类型设置	LabelTipsTypes	'none'
limit	最大アップロードファイル数を設定	number	9
maxFileSize	単ファイル最大アップロードサイズ(MB)を設定	number	50
multiple	複数画像のアップロードをサポートするかどうか	boolean	true
name	サーバーに送信する際の name	string	-
normalListType	リストスタイルを設定	'text' | 'image'	'image'
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	-
onlyCameraUpload	撮影のみでのアップロードを許可します。この機能は現在、DingTalkモバイル版でのみサポートされています。有効にすると、DingTalk以外のモバイル端末では自動的にアップロード機能が無効になります。	boolean	false
size	表单组件尺寸	Size	'medium'
timeout	アップロードタイムアウトを設定します。単位：ms	number	0
tips	表单组件描述信息，展示在控件下方	string	-
type	アップロードタイプを設定します。PC版のみ有効	'normal' | 'drag' | 'card'	'normal'
validation	表单组件校验设置，具体使用详见表单校验文档	Validation[]	[]
value	デフォルト値	array	-
withCredentials	リクエストにcookieを含めることを許可するかどうかを設定	boolean	false
wrapperColOffset	设置表单组件的偏移位置，设置值为栅格值，1代表1/24	number	0
wrapperColSpan	设置表单组件的占位宽度，设置值为栅格值，1代表1/24	number	0