S 大于5M的文件分片上传 前端JS代码，后台ASHX IHttpHandler VB代码

在前端JavaScript中，如果你需要上传大于5MB的大文件并将其分割成较小的部分，你可以使用FileReader API。以下是基本的分片上传步骤：

// 假设有个input[type=file]用于选择文件
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', function (e) {
    const file = e.target.files[0];
    
    // 检查文件大小
    if (file.size > 5 * 1024 * 1024) {
        uploadInChunks(file);
    }
});

function uploadInChunks(file) {
    const chunkSize = 5 * 1024 * 1024; // 分块大小
    const reader = new FileReader();

    let start = 0;
    let end = chunkSize;

    reader.onload = function (event) {
        const xhr = new XMLHttpRequest();
        xhr.open('POST', '/upload.ashx', true); // 调用后台ASHX处理器

        xhr.setRequestHeader('Content-Type', 'application/octet-stream'); // 设置正确的Content-Type
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) { // 检查状态
                console.log(xhr.responseText);
                start = end; // 更新起始位置
                end += chunkSize;
                if (end <= file.size) {
                    reader.readAsArrayBuffer(file.slice(start, end)); // 读取下一块
                } else {
                    // 所有块已上传，这里可以做后续操作，比如清除进度条
                }
            }
        };

        xhr.send(reader.result); // 发送当前块
    };
    reader.readAsArrayBuffer(file.slice(0, chunkSize));
}

至于后台的VB .NET ASP.NET AJAX (ASHX) 文件处理，这是服务器端的部分，通常会涉及到处理POST请求和接收数组缓冲区：

Imports System.IO
Imports Microsoft.VisualBasic.FileIO
Imports System.Web.Script.Services

<WebMethod>
Public Function UploadChunk(ByVal chunk As Byte()) As String
    Try
        Dim stream As New MemoryStream(chunk)
        ' 现在你可以解析流，处理文件，并保存到数据库或存储文件
        ' 使用BinaryReader或FileStream进行读取
        ' ...

        Return "Chunk received successfully" ' 返回确认信息给客户端
    Catch ex As Exception
        Return "Error processing chunk: " & ex.Message
    End Try
End Function