JavaScriptPHP实现视频文件分片上传

2024-02-23 00:00:00 分片 视频文件 上传

摘要

视频文件分片上传,整体思路是利用JavaScript将文件切片,而后循环调用上传接口 upload.php 将切片上传到服务器。这样将由原来的一个大文件上传变为多个小文件同时上传,节俭了上传工夫,这就是文件分片上传的其中一个益处。

上代码

index.html

通过前端将文件对象切分成多个小块,而后顺次将这些小块的文件对象上传到服务器。



    
        
        
        视频文件分片上传
        
    
    
        
        

javaScript+PHP实现视频文件分片上传

+

upload.php

这个是用于接管前端传过来的每一段分片,而后上传到 uploads 文件夹,上传之后就是一段一段的小分片。

 '文件上传失败'
            ));
            exit();
        }
        
        // 设置存储目录和文件名
        $uploadDir = './uploads/';
        $filePath = $uploadDir . $fileName . '.' . $chunkIndex;
        
        // 将分片挪动到指定的目录
        if (move_uploaded_file($_FILES['file']['tmp_name'], $filePath)) {
            
            echo json_encode(array(
                'success' => '分片上传胜利'
            ));
        } else {
            
            http_response_code(500);
            echo json_encode(array(
                'error' => '分片上传失败'
            ));
        }
    } else {
        
        http_response_code(400);
        echo json_encode(array(
            'error' => '短少文件、分片索引或文件名'
        ));
    }
    
?>

merge_chunks.php

这个是用来合并分片的,以后端实现上传分片的操作,前端会异步通知服务器你曾经实现所有分片的上传,接下来将每个分片名通知合并程序实现所有分片的合并,合并之后就是一个残缺的视频文件。

 0) {
            
            // 所有分片都已上传,开始合并
            $finalFile = fopen($finalFilePath, 'wb');
            
            // 一一读取分片并写入最终文件
            for ($i = 0; $i < $totalChunks; $i++) {
                $chunkFilePath = $uploadDir . $fileName . '.' . $i;
                $chunkFile = fopen($chunkFilePath, 'rb');
                stream_copy_to_stream($chunkFile, $finalFile);
                fclose($chunkFile);
                unlink($chunkFilePath); // 删除已合并的分片
                
            }
            
            fclose($finalFile);
            http_response_code(200);
            echo json_encode(array(
                'success' => '文件合并胜利',
                'filePath' => $finalFilePath
            ));
        } else {
            
            http_response_code(400);
            echo json_encode(array(
                'error' => '没有上传的分片'
            ));
        }
    } else {
        
        http_response_code(400);
        echo json_encode(array(
            'error' => '短少文件名'
        ));
    }
?>

程序目录

请自行创立 uploads 目录。

作者

TANKING

相关文章