XMLHttpRequest 是一种在客户端浏览器和服务器之间进行数据传输的技术。它可以用于实现 HTTP 协议下的文件上传，并通过断点续传功能来实现大文件的分片上传。
-
什么是断点续传？ 断点续传是指在文件传输过程中，当传输中断后再次恢复时，能够从断点处继续传输，而不需要重新开始传输整个文件。这对于大文件的上传非常有用，可以节省时间和网络资源。
-
XMLHttpRequest 文件上传基本流程： 首先，创建一个 XMLHttpRequest 对象，并设置请求方法为 POST，同时指定上传的目标 URL。然后，监听 XMLHttpRequest 的各种事件，如上传进度、完成、错误等。接着，将要上传的文件分割成多个小块（chunk），逐个发送到服务器。在每次发送完成后，服务器返回上传进度和已接收的字节数，前端据此记录已上传的位置。如果上传中断，下次继续上传时会根据已上传的位置进行断点续传。
-
实现步骤：
- 分割文件：使用 JavaScript 通过 FileReader API 将要上传的文件分割成多个 chunk，每个 chunk 的大小可以根据需求自定义。
- 创建 XMLHttpRequest 对象：使用
new XMLHttpRequest()创建一个新的 XMLHttpRequest 对象，设置请求方法为 POST，指定上传的目标 URL。 - 监听事件：监听 XMLHttpRequest 对象的各种事件，如上传进度、完成和错误等。可以使用
xhr.upload.onprogress监听上传进度，并通过计算已上传的字节数来更新进度条。 - 发送请求：使用
xhr.send(chunk)方法将每个 chunk 分别发送到服务器。在发送每个 chunk 之前，根据已上传的位置设置请求头信息，告知服务器从哪个位置开始继续上传。 - 服务器处理：服务器接收到每个 chunk 后，根据请求头信息中的已上传位置，将数据写入对应位置的文件或缓存中。然后返回已接收的字节数和上传进度给前端。
-
断点续传处理：
- 服务器保存已上传的信息：服务器需要保存每次上传的信息，包括已上传的字节数和文件的唯一标识。这样，当用户再次上传时，根据唯一标识可以找到上次上传的记录。
- 前端恢复上传：当用户再次上传时，前端首先向服务器发送查询请求，获取已上传的字节数。然后根据已上传的字节数，分割文件并恢复上传。
-
错误处理： 在文件上传过程中，可能会出现网络错误、服务器错误等情况。为了提供良好的用户体验，需要适当地处理这些错误。可以使用
xhr.onerror和xhr.onabort监听错误事件，并进行相应的处理，如显示错误信息、重新上传等。 -
安全性考虑： 文件上传涉及到安全性问题，需要对用户上传的文件进行验证和限制。可以在服务器端对上传的文件类型、大小、后缀名等进行验证，并设置合理的上传文件大小限制，以防止滥用和恶意攻击。 接上文，以下是关于使用XMLHttpRequest实现HTTP协议下文件上传断点续传的进一步讨论和实现细节。
-
服务器端处理： 在服务器端，需要相应的处理来支持文件上传断点续传功能。具体的实现方式可以根据后端语言和框架的不同而有所差异，但一般包括以下几个步骤：
- 文件接收与保存：服务器接收到每个分片(chunk)后，需要将其保存在一个临时位置或缓存中，以便后续合并文件。
- 断点记录与恢复：服务器需要记录每次上传的信息，包括已上传的字节数、文件唯一标识等。可以使用数据库或者其他持久化存储方式来保存这些信息，以便用户再次上传时能够恢复断点。
- 文件合并：在用户完成所有分片的上传后，服务器根据文件唯一标识和已上传的分片信息，将分片合并成完整的文件。
-
前端界面优化： 为了提供更好的用户体验，可以对前端界面进行优化。例如，可以实时显示上传进度条，给用户直观的反馈；可以提供暂停和取消上传的功能，让用户有更多的控制权；可以显示上传速度和剩余时间等信息，以便用户了解上传状态。
-
并发上传的处理： 在并发上传多个文件时，可以为每个上传任务创建一个独立的XMLHttpRequest对象，并进行相应的断点续传处理。可以使用Promise、async/await等方式来管理并发上传任务，并监听每个任务的完成事件。
-
断点续传的优化与性能考虑：
- 分片大小选择：分片的大小需要根据实际情况进行选择，过小的分片会增加请求的数量和频率，而过大的分片可能会导致内存占用过高。
- 上传速度控制：为了不影响用户的其他网络操作，可以对上传速度进行限制。
- 上传超时处理：在上传大文件时，可能会出现上传时间过长导致的连接超时问题。可以设置合理的超时时间，并在超时后进行相应的错误处理和重试机制。
