浏览器分片下载超大文件（chatgpt）

先记录下

参考链接：JavaScript 中如何实现大文件并行下载？

分片下载涉及前端和后端的配合。在前端，需要使用JavaScript和相关的API来发送请求和处理响应。在后端，需要使用Spring框架来处理请求和发送响应。

前端js实现

以下是一个基本的实现，这段JavaScript代码将文件分成1MB的块进行下载。每个块都是一个Blob对象，最后，所有的Blob对象被合并成一个Blob对象，然后使用a元素进行下载。。

async function download(url, chunkSize) {
  let start = 0;
  let end = chunkSize - 1;
  let chunks = [];

  while (true) {
    let res = await fetch(url, {
      headers: { 'Range': `bytes=${start}-${end}` }
    });

    let blob = await res.blob();
    chunks.push(blob);

    if (blob.size < chunkSize) {
      break;
    }

    start += chunkSize;
    end += chunkSize;
  }

  let fileBlob = new Blob(chunks);
  let link = document.createElement('a');
  link.href = URL.createObjectURL(fileBlob);
  link.download = 'file-name';
  link.click();
}

download('file-url', 1024 * 1024); // download in 1MB chunks

后台spring实现

以下是一个基本的Spring Controller，它处理Range请求并发送相应的文件部分。

这段Java代码首先获取请求的Range头，然后解析出要下载的文件部分的开始和结束位置。然后，使用Java的文件IO库来读取文件部分，并发送一个包含文件部分的响应。

注意，这只是一个基本的实现，可能需要根据你的实际需求进行修改。特别是，你需要处理错误情况，例如请求的Range不合法，请求的文件不存在等。另外，你可能需要添加更多的功能，例如支持多线程下载，支持暂停和继续下载。

import org.springframework.core.io.InputStreamResource;
import org.springframework.http.HttpHeaders;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RestController;
import java.io.IOException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;

@RestController
public class FileDownloadController {

    @GetMapping("/download/{fileName}")
    public ResponseEntity<InputStreamResource> download(@PathVariable String fileName, HttpServletRequest request) throws IOException {
    
        Path filePath = Paths.get("/path/to/file/directory", fileName);
        long fileSize = Files.size(filePath);
        long start = 0;
        long end = fileSize - 1;

        String range = request.getHeader("Range");
        if (range != null && range.startsWith("bytes=") && range.contains("-")) {
            String[] parts = range.substring(6).split("-");
            start = Long.parseLong(parts[0]);
            end = parts.length > 1 ? Long.parseLong(parts[1]) : fileSize - 1;
        }

        InputStreamResource resource = new InputStreamResource(Files.newInputStream(filePath));

        return ResponseEntity.status(HttpStatus.PARTIAL_CONTENT)
                .header(HttpHeaders.CONTENT_TYPE, "application/octet-stream")
                .header(HttpHeaders.CONTENT_LENGTH, String.valueOf(end - start + 1))
                .header(HttpHeaders.CONTENT_RANGE, "bytes " + start + "-" + end + "/" + fileSize)
                .body(resource);
    }
}