我们如何从Javascript File对象知道文件的内容?

阿奇蒙丹

我可以在网上找到一种上传异步文件的常用方法,其工作方式如下:

myUpload(ev) {
  ev.preventDefault();

  const data = new FormData();
  data.append('file', this.uploadInput.files[0]);

  /* Do the upload with something like axios */ 
  axios.post('http://localhost:8000/upload', data)
    . ...
}

我无法解释以下内容:

  • 该对象this.uploadInput.files[0]是一个Filejavascript对象。
  • 从我可以找到的文档中(例如参见this),以及从我在控制台上尝试过的日志中,javascript的File对象既不存储文件内容也不存储文件路径。

因此,FormData对象如何检索我们要发送的文件数据?

TJ人群

FormData可能不是,但是浏览器会这样做,因为当axios将FormData对象提供给浏览器的ajax功能(XHRfetch)时,浏览器可以使用File对象中的数据来读取和发送文件。

您自己的JavaScript代码还可以File使用FileReader(另一个浏览器提供的功能)使用对象中的数据来读取文件

File 不直接包含文件的数据,但确实包含浏览器可以用来读取文件的信息(而不会在代码中暴露其实际位置)。


¹也许不是字面上File对象。使用浏览器私有持有的数据,两者之间的间接关系更可能。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Javascript

Javascript Map对象将如何改善我们的编码?

来自分类Dev

如何知道我们的对象使用了多少内存?

来自分类Dev

我们如何从对象访问子键

来自分类Dev

我们如何在javascript中更新特定对象的对象?

来自分类Dev

我们如何从SDK中知道我们使用的是哪种Graph API版本

来自分类Dev

我们如何通过modal-dialog使用javascript动态更改HTML表的内容?

来自分类Dev

我们如何从Toast UI编辑器(JavaScript)中获取内容?

来自分类Dev

我们如何在Google Map API中通过javascript设置标记标签内容?

来自分类Dev

我们如何从javascript对象获取字符串值?

来自分类Javascript

在javascript中,我们如何确定对象是哈希还是数组?

来自分类Dev

Javascript中的对象参数,我们应该如何命名它们?

来自分类Dev

我们如何在JavaScript中的空对象中插入新元素

来自分类Dev

我们如何将javascript数组修改为数组对象?

来自分类Dev

我们如何让 Javascript 数组像我们有 Object.freeze() 方法的对象一样不可变?

来自分类Mysql

我们如何使用javascript onclick在项目目录中添加文件?

来自分类Dev

在webview中,我们如何使用javascript CSS样式访问HTML文件

来自分类Dev

我们如何创建一个我们应该实现的对象的“骨架类型”?

来自分类Java

我们如何在IntelliJ IDEA中编写我们自己的代码模板文件

来自分类Dev

我们如何知道哪个 Thread 用于执行 Task?

来自分类Dev

我们如何知道removeClass操作是成功还是失败?

来自分类Javascript

如何知道我们是否要离开网页?

来自分类Dev

我们如何知道Elasticsearch中的复制状态?

来自分类Dev

Materialize - 如何知道我们可以设置的类选项?

来自分类Dev

我们如何从github链接知道csv的来源

来自分类Dev

如何知道我们在使用PHP的循环中

来自分类Dev

我们如何从帖子内容中删除 adSense 广告

来自分类Dev

我们如何隐藏div的背景内容?

来自分类Dev

我们如何删除某些目录文件中的文件?

来自分类Dev

我们如何比较 JSON 对象数组?

Related 相关文章

  1. 1

    Javascript Map对象将如何改善我们的编码?

  2. 2

    如何知道我们的对象使用了多少内存?

  3. 3

    我们如何从对象访问子键

  4. 4

    我们如何在javascript中更新特定对象的对象?

  5. 5

    我们如何从SDK中知道我们使用的是哪种Graph API版本

  6. 6

    我们如何通过modal-dialog使用javascript动态更改HTML表的内容?

  7. 7

    我们如何从Toast UI编辑器(JavaScript)中获取内容?

  8. 8

    我们如何在Google Map API中通过javascript设置标记标签内容?

  9. 9

    我们如何从javascript对象获取字符串值?

  10. 10

    在javascript中,我们如何确定对象是哈希还是数组?

  11. 11

    Javascript中的对象参数,我们应该如何命名它们?

  12. 12

    我们如何在JavaScript中的空对象中插入新元素

  13. 13

    我们如何将javascript数组修改为数组对象?

  14. 14

    我们如何让 Javascript 数组像我们有 Object.freeze() 方法的对象一样不可变?

  15. 15

    我们如何使用javascript onclick在项目目录中添加文件?

  16. 16

    在webview中,我们如何使用javascript CSS样式访问HTML文件

  17. 17

    我们如何创建一个我们应该实现的对象的“骨架类型”?

  18. 18

    我们如何在IntelliJ IDEA中编写我们自己的代码模板文件

  19. 19

    我们如何知道哪个 Thread 用于执行 Task?

  20. 20

    我们如何知道removeClass操作是成功还是失败?

  21. 21

    如何知道我们是否要离开网页?

  22. 22

    我们如何知道Elasticsearch中的复制状态?

  23. 23

    Materialize - 如何知道我们可以设置的类选项?

  24. 24

    我们如何从github链接知道csv的来源

  25. 25

    如何知道我们在使用PHP的循环中

  26. 26

    我们如何从帖子内容中删除 adSense 广告

  27. 27

    我们如何隐藏div的背景内容?

  28. 28

    我们如何删除某些目录文件中的文件?

  29. 29

    我们如何比较 JSON 对象数组?

热门标签

归档