JS分块上传 formData到服务器的分块，直到所有的分块都上传完毕JS完整代码和 VB Implements IHttpHandler后端完整代码

### JavaScript (前端) 分块上传代码示例（使用Fetch API）

这是一个使用JavaScript的fetch API实现分块上传的例子，假设我们将文件分割为大小为1MB的部分：

// 假设文件名为fileInput和最大块大小为1MB
const chunkSize = 1024 * 1024; // 1 MB

let file = document.getElementById('fileInput').files[0];
let totalSize = file.size;
let formData = new FormData();
formData.append('file', file);

function uploadChunk(chunkIndex) {
  const start = chunkIndex * chunkSize;
  const end = Math.min(start + chunkSize, totalSize);
  
  const chunkData = formData.get('file').slice(start, end);

  fetch('/api/upload', {
    method: 'POST',
    headers: {
      'Content-Type': 'multipart/form-data'
    },
    body: chunkData
  })
  .then(response => response.text())
  .then(data => {
    console.log(`Uploaded chunk ${chunkIndex + 1}`);
    
    if (end === totalSize) { // 所有块已上传
      console.log('All chunks uploaded successfully.');
    } else {
      uploadChunk(chunkIndex + 1); // 递归继续上传下一块
    }
  })
  .catch(error => {
    console.error('Error uploading:', error);
  });
}

uploadChunk(0); // 开始上传第一个块

### VB (ASP.NET Core) 实现IHttpHandler 的后端代码（C#版本）

在ASP.NET Core中，你可能更倾向于使用控制器而非直接实现IHttpHandler。以下是一个简单的分块上传处理的Controller 示例：

using Microsoft.AspNetCore.Mvc;

public class UploadController : ControllerBase
{
    [HttpPost]
    public async Task<IActionResult> Upload([FromForm] IFormFile file, int? chunkNumber = null)
    {
        if (file == null || !file.Length > 0)
            return BadRequest("No file or invalid file");

        var chunkSize = 1024 * 1024; // 1MB
        var totalBytes = await file.ReadAsStreamAsync();

        using var memoryStream = new MemoryStream();
        await totalBytes.CopyToAsync(memoryStream);

        int bytesToCopy;
        if (chunkNumber.HasValue)
        {
            bytesToCopy = Math.Min(chunkSize, totalBytes.Length - (chunkNumber.Value * chunkSize));
            memoryStream.Seek(chunkNumber.Value * chunkSize, SeekOrigin.Begin);
        }

        var buffer = memoryStream.ToArray();

        // 真实情况下，你需要在这里处理上传逻辑，例如存储到数据库或文件系统
        // 这里仅作示例
        await SaveBlock(buffer, chunkNumber ?? 0); // 假设有个SaveBlock方法用于保存单个块

        if (bytesToCopy < chunkSize)
        {
            // 没有更多的数据了，表示已上传完
            return Ok("Upload completed");
        }

        // 下载剩余的块
        return StatusCode(StatusCodes.Status206 PartialContent),
            new FileStreamResult(memoryStream.GetBuffer(), "application/octet-stream"),
            new ContentRangeHeaderValue(chunkNumber.Value * chunkSize, memoryStream.Length - 1);
    }

    private async Task SaveBlock(byte[] block, int chunkNumber)
    {
        // 存储逻辑...
        // Console.WriteLine($"Saving chunk #{chunkNumber}...");
    }
}

注意，这个例子假设客户端按照1MB大小发送每个请求。在实际应用中，可能需要与前端协商确定正确的分块策略。同时，后端需要能够处理部分响应（PartialContent）。