reactjs - 如何使用React上传文件?

标签 reactjs upload redux react-redux falconframework

所以目前我正在尝试上传文件并将其保存在 Google Clouds 上。但我对如何使用 React-Redux 获取输入文件感到困惑。

基本上,我的后端部分已经完成,我使用 HTTPie 和此命令对其进行了测试 HTTP localhost:8000/v1/... @(file_path) 它工作得很好。

现在我使用输入标签后: <input type="file" onChange=""> 我不知道如何获取用户选择的 file_path。 而且我什至不知道我是否可以使用此方法获取上传的文件。

谢谢

最佳答案

无法通过<input type="file" onChange={this.handleChangeFile.bind(this)}>方法处理onChange文件

handleChangeFile(event) {
  const file = event.target.files[0];
  let formData = new FormData();
  formData.append('file', file);
  //Make a request to server and send formData
}

关于reactjs - 如何使用React上传文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46233585/

相关文章:

animation - React 中的动画页面转换

node.js - 在新的 react 项目中使用 craco - 什么会导致这个错误? (未处理的PromiseRejectionWarning : TypeError [ERR_INVALID_ARG_VALUE]: . ..)

reactjs - enzyme 和钩子(Hook)中的警告 : An update to App inside a test was not wrapped in act(. ..)

javascript - 找不到 Typescript 自己的模块

ios - 在 Objective-C iOS 中将内容上传到 FTP

python - 使用 Python Boto3+DjangoRest+React Redux Saga 对 URL 进行签名以上传对象

redux - 如何在 react 管理框架中重置过滤器值?

php - 在 php 上传期间未选择文件时禁用提交按钮

upload - 将下载的电子邮件放回 POP3 服务器

reactjs - 将整个状态从 redux 传递给组件有什么缺点吗?