如何从输入类型文件元素中获取实际文件?

马可·卡诺

var file = e.target.files [0];

要么

var file = e.target.value;

我正在使用React和Socket io尝试通过聊天发送图像。我所能获得的只是文件路径而不是实际文件。我从未处理过文件输入,因此我试图弄清楚如何获取该文件并将其转换为可以通过套接字io发送的二进制字符串。

救命?您会推荐任何套餐?

阿尔特姆·米尔琴科(Artem Mirchenko)

您需要从输入获取文件,例如可以在onChange事件上触发处理程序之后,您必须将文件从输入(e.target.file [0]或循环(如果文件很多)循环到)FileReader并从文件中提取blob。接下来,您可以通过套接字发送提取的blob,如果blob太大,可以将其切成块。

有示例代码:

const readBlob = file => new Promise((resolve, reject) => {
  const reader = new FileReader();

  reader.onload = e => {
    resolve(e.target.result);
  };

  reader.readAsText(file);
});

对不起我的英语不好!)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

如何在Android中获取PDF文件的实际文件路径?

来自分类Dev

Angular 5如何从类型=文件的输入中获取文件名

来自分类Dev

如何获取输入文件以在WKWebView中工作?

来自分类Dev

输入类型文件无法获取angularjs中具有文件类型的文件名

来自分类Dev

如何获取文件类型?

来自分类Dev

如何在Sharepoint中获取文件的文件类型

来自分类Dev

如何附加输入类型文件

来自分类Dev

如何从文档片段中获取实际元素?

来自分类Dev

如何在多部分/表单数据请求中获取文件的实际文件大小

来自分类Dev

角度2 | 如何在FormControl中处理输入类型文件?

来自分类Dev

用户在输入类型文件中选择时如何获取文件的路径目录

来自分类Dev

如何确保文件的内容类型是实际的内容类型

来自分类Dev

如何从角度4的文件上传输入中获取路径

来自分类Dev

从输入类型文件Angular2获取文件名

来自分类Dev

Qt信号/插槽实际上如何与.ui文件中的元素耦合?

来自分类Dev

我如何获取JSON文件中每个元素的值

来自分类Java

如何在Jersey中获取上传文件的MIME类型

来自分类Dev

如何增加输入文件元素的面积?

来自分类Dev

如何在输出文件中返回输入文件的第k个元素?

来自分类Dev

当nextTick不起作用时,如何从.vue文件中获取Vue立即更新实际DOM?

来自分类Dev

如何通过角度4中的功能删除输入类型=“文件”时的选定文件名?

来自分类Dev

如何在Angular 2中使用输入标签文件类型重置所选文件?

来自分类Dev

如何使用inspect元素找到实际的HTML文件?

来自分类Dev

Angular中的文件输入事件类型

来自分类Dev

从IE中的输入类型=文件中删除所选文件

来自分类Python

如何从终端获取输入文件的python脚本?

来自分类Dev

如何使用多个文件输入元素上传文件?

来自分类Dev

如何从typeElement获取实际类型?

来自分类Dev

从JQuery中的文件输入获取数据

TOP 榜单

热门标签

归档