从文件输入获取文件对象 [英] Get file object from file Input

问题描述

我正在尝试使用带有jQueryfileupload()的反应引导文件输入。使用直接的jQuery，我会执行$('#fileUpload').prop('files')将文件传递给fileupload调用。但是，我不知道如何使用action-bootstrap正确获取文件。

<Input type='file' label='Upload' accept='.txt' ref='fileUpload' buttonAfter={uploadFileButton}/>

推荐答案

更新版本如下：

function MyComponent(): JSX.Element {
  const handleFileSelected = (e: React.ChangeEvent<HTMLInputElement>): void => {
    const files = Array.from(e.target.files)
    console.log("files:", files)
  }

  return (
    <input onChange={handleFileSelected} type="file" />
  )
}

该属性位于e.target.files上，您可以从onChange事件中获取该属性。

编辑：删除了不必要的参考代码，注释🙇中的帽子提示标记

这篇关于从文件输入获取文件对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！