表单文件上传

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(指定为字符串)、函数、组件实例和无效的.

  • 类型:字符串|函数|组件|空
  • 必需:否
  • 违约:无效的

倍数

是否允许选择多个文件。

  • 类型:布尔值
  • 必需:否
  • 违约:

onChange(更改时)

回调函数直接传递给输入文件元素。

选择的文件将在中可用事件.currentTarget.files.

  • 类型:功能
  • 必需:是

onClick(单击)

回调函数直接传递给输入文件元素。

当您想要强制改变当用户再次选择同一文件时激发的事件。为此,请在onClick(单击)功能。

<表单文件上传onClick={(event)=>(event.target.value='')}onChange={onChange}>上传</FormFileUpload>
  • 类型:功能
  • 必需:否

提供

用于呈现UI的可选回调函数。如果传递,组件不会呈现默认UI(按钮),并调用此函数来呈现它。该函数接收具有属性的对象打开文件对话框,该函数在调用时打开浏览器本机文件上载模式窗口。

  • 类型:功能
  • 必需:否

__next40px默认大小

开始选择更大的默认高度,这将成为未来版本的默认大小。

  • 类型:布尔值
  • 必需:否
  • 违约: