48MB以上视频切片上传技巧及解决方案

本文针对视频切片上传超过48MB后返回500错误的问题，提供了一套完整的解决方案。问题根源在于前端FormData对象未及时重新初始化，导致请求数据过大超过服务器限制。解决方案包括：1. 在每次请求前重新初始化FormData对象或使用set方法代替append方法；2. 后端采用流式处理方式合并文件，避免内存溢出；3. 检查并调整服务器配置，例如fcgidmaxrequestlen。 通过以上优化，可以有效解决视频切片上传大小限制，确保大文件上传的稳定性，提升用户体验。 文章还提供了详细的代码示例及其他建议，帮助开发者快速解决问题。

突破视频切片上传48MB限制：问题分析与解决方案

上传大视频时，常常采用切片上传技术，但有时会遇到上传超过48MB后，后续切片返回500错误的问题。本文将深入分析此问题，并提供有效的解决方案。

问题现象

采用1MB切片大小，最大支持2GB文件上传。小文件上传正常，但超过48MB后，后续切片均返回500错误。即使将切片大小调整为10MB，问题依旧存在，每次只能上传4个切片（40MB）。

根源及解决方法

1. 前端FormData处理

问题可能源于前端FormData的处理方式。原始代码中，FormData对象未在每次请求前重新初始化，导致每次请求都携带所有之前的切片数据，最终请求大小超过Apache服务器的fcgidmaxrequestlen限制，引发500错误。

解决方案：

• 将new FormData()操作移入sendFile函数内部，确保每次请求使用新的FormData对象。
• 或者，使用set方法代替append方法，避免重复添加相同键值的数据。
• 务必在setTimeout的else分支中使用clearTimeout(t)清除计时器，避免内存泄漏。

以下是修改后的前端代码示例：

    <meta charset="UTF-8"><meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport"><meta content="ie=edge" http-equiv="X-UA-Compatible"><title>Document</title><hr>Go!


    var fileUpload = new videoFileUpload();
    up.onclick = _ => fileUpload.start();

    function videoFileUpload() {
        const LENGTH = 1024 * 1024;
        var start = 0;
        var end = start + LENGTH;
        var blob;
        var blob_num = 1;
        var is_stop = 0;

        this.start = function () {
            var file = files.files[0];
            blob = cutFile(file);
            sendFile(blob, file);
            blob_num += 1;
        }
        this.stop = function () {
            is_stop = 1;
        }

        function cutFile(file) {
            var file_blob = file.slice(start, end);
            start = end;
            end = start + LENGTH;
            return file_blob;
        };

        function sendFile(blob, file) {
            if (is_stop == 0) {
                var xhr = new XMLHttpRequest();
                var form_data = new FormData(); //此处重新初始化FormData

                var total_blob_num = Math.ceil(file.size / LENGTH);
                form_data.append('file', blob);
                form_data.append('blob_num', blob_num);
                form_data.append('total_blob_num', total_blob_num);
                form_data.append('file_name', file.name);

                xhr.open('POST', '/upload.php', false);
                xhr.onreadystatechange = function () {
                    var t = setTimeout(function () {
                        if (start < file.size) {
                            blob = cutFile(file);
                            sendFile(blob, file);
                            blob_num += 1;
                        } else {
                            clearTimeout(t); //此处清除计时器
                        }
                    }, 1000);
                }
                xhr.send(form_data);
            }
        }
    }

2. 后端文件合并优化

后端合并文件时，如果一次性将所有切片读入内存，大文件可能导致内存溢出。

解决方案：

• 使用流式处理方式合并文件，避免内存占用过大。

3. 服务器配置检查

虽然fcgidmaxrequestlen并非直接原因，但仍需检查并适当调整服务器配置，确保其不会成为瓶颈。

其他建议

选择可靠的技术文档和资源，避免依赖不准确的信息。

通过以上优化，可以有效解决视频切片上传的48MB限制问题，确保大文件上传的稳定性。

今天关于《48MB以上视频切片上传技巧及解决方案》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！