FileReader vs FormData 使用 websockets 上传文件？答案

【问题标题】：FileReader vs FormData for uploading a file using websockets?FileReader vs FormData 使用 websockets 上传文件？
【发布时间】：2021-04-18 23:54:55
【问题描述】：

在使用 JavaScript 中的 websocket 上传文件时，使用 FileReader 而不是 FormData 有什么好处吗？

任何性能优势？基于其他特征的任何偏好？

【问题讨论】：

标签： javascript file-upload websocket filereader form-data

【解决方案1】：

这实际上取决于您要完成什么，因为这两个对象用于不同的目的。

来自 Mozilla 关于 FileReader API

FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。 p>

来自 Mozilla 关于 FormData

FormData 对象可让您编译一组键/值对以发送使用 XMLHttpRequest

换句话说，您想使用 FileReader API 在客户端读取文件。您不必有服务器来处理文件，因为浏览器支持许多操作，例如图像调整和其他操作。但是，如果您需要将文件保存在服务器上以备将来使用，则需要通过网络发送文件，这就是 FormData 对象的用武之地。读取文件后，您可以使用对其进行编码FormData 并将其发送到服务器。

【讨论】：