FormFileUpload是一个组件,允许用户从本地设备中选择文件。
从“@wordpress/components”导入{FormFileUpload};const MyFormFileUpload=()=>(<表单文件上传accept=“image/*”onChange={(event)=>console.log(event.currentTarget.files)}>上传</FormFileUpload>);
组件接受以下属性。此集合中未包含的道具将传递给按钮
组件。
传递给的字符串输入
元素,告诉浏览器用户可以将哪些文件类型上传到上传。例如:image/*,视频/*
.
有关此字符串的详细信息,请参阅https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers。
子女被视为按钮
.
要渲染的图标。支持的值有:Dashicons(指定为字符串)、函数、组件实例和无效的
.
- 类型:
字符串|函数|组件|空
- 必需:否
- 违约:
无效的
是否允许选择多个文件。
回调函数直接传递给输入
文件元素。
选择的文件将在中可用事件.currentTarget.files
.
回调函数直接传递给输入
文件元素。
当您想要强制改变
当用户再次选择同一文件时激发的事件。为此,请在onClick(单击)
功能。
<表单文件上传onClick={(event)=>(event.target.value='')}onChange={onChange}>上传</FormFileUpload>
用于呈现UI的可选回调函数。如果传递,组件不会呈现默认UI(按钮),并调用此函数来呈现它。该函数接收具有属性的对象打开文件对话框
,该函数在调用时打开浏览器本机文件上载模式窗口。
开始选择更大的默认高度,这将成为未来版本的默认大小。