如何用CGI实现Motion JPEG流式传输？附C++代码调试需求

嘿，我帮你排查下这段代码的问题——几个关键细节没处理对，导致浏览器没法正确解析你的JPG序列。我给你修正后的代码，再逐一解释哪里出了问题：

你的代码里的核心问题 #

• HTTP头格式乱了：重复输出换行、多个Cache-Control头写法不规范，而且multipart/x-mixed-replace的边界输出顺序完全搞反了
• 没做文件错误检查：要是/tmp下的图片不存在，fopen返回空指针，后续操作直接崩溃
• feof用错了：feof是在读取失败后才会触发，直接拿它当循环条件会多读一次无效数据
• stdout缓冲坑：默认stdout是行缓冲，数据会攒着不实时发浏览器，导致画面卡或者不显示
• 帧输出顺序错了：得先输出边界和Content-Type，再发图片数据，你现在是先发图再发边界，浏览器根本认不出这是多部分内容

修正后的可运行代码 #

#include <iostream>
#include <cstdio>
#include <cstring>
#include <unistd.h> // 用于sleep和usleep

int main() {
    // 必须禁用stdout缓冲，不然数据会攒着不实时发给浏览器
    setbuf(stdout, nullptr);

    // 输出标准的HTTP响应头，格式不能乱
    std::cout << "Cache-Control: no-cache, private\n";
    std::cout << "Pragma: no-cache\n";
    std::cout << "Content-type: multipart/x-mixed-replace; boundary=spiderman\n\n";

    int i = 0;
    while (true) {
        char img_path[256];
        // 用snprintf更安全，避免缓冲区溢出
        snprintf(img_path, sizeof(img_path), "/tmp/img_%d.jpg", (i % 2));
        
        // 一定要检查文件是否打开成功，不然会崩
        FILE* fp = fopen(img_path, "rb"); // 二进制模式打开，避免Windows下的换行转换问题
        if (!fp) {
            std::cerr << "打不开文件：" << img_path << "\n";
            sleep(1); // 等一秒再试
            i++;
            continue;
        }

        // 先输出分隔边界，告诉浏览器要发新帧了
        std::cout << "--spiderman\n";
        std::cout << "Content-type: image/jpeg\n";
        std::cout << "\n"; // 空行必须有，分隔HTTP头和图片内容

        // 正确读取文件内容，用fread的返回值判断是否读完
        char buffer[1024];
        size_t bytes_read;
        while ((bytes_read = fread(buffer, 1, sizeof(buffer), fp)) > 0) {
            fwrite(buffer, 1, bytes_read, stdout);
        }

        fclose(fp);
        // 保险起见强制刷新输出
        fflush(stdout);

        i++;
        // 加个小延迟控制帧率，33ms约等于30fps，避免浏览器扛不住
        usleep(33000);
    }

    return 0;
}

关键修改点说明 #

• 禁用stdout缓冲：setbuf(stdout, nullptr) 是重中之重，不然浏览器要等缓冲区满了才收到数据，根本看不到实时的帧序列。
• 规范HTTP头：把多个Cache-Control合并成一个，每个头只输出一次，头和内容之间必须用一个空行分隔，这是HTTP协议的硬性要求。
• 文件错误检查：添加if (!fp)的判断，避免因为文件缺失导致程序崩溃，还能输出错误信息方便排查。
• 二进制模式打开文件：fopen用rb模式，防止在Windows系统下读取JPG时把二进制数据当成文本处理，转换换行符搞坏图片。
• 正确的帧输出顺序：严格按照边界 -> Content-Type头 -> 空行 -> 图片数据的顺序来，符合multipart/x-mixed-replace的协议规范，浏览器才能正确解析每一帧。
• 正确的文件读取循环：用fread的返回值判断是否读取完成，比feof靠谱多了，不会多读无效数据。
• 帧率控制：usleep(33000)让帧率稳定在30fps左右，避免浏览器因为帧速太快卡顿。

编译和使用方法 #

用g++编译：

g++ mjpeg_cgi.cpp -o mjpeg_cgi

把编译好的程序放到Web服务器的CGI目录（比如Apache的cgi-bin），给它加可执行权限：

chmod +x mjpeg_cgi

然后浏览器访问这个CGI的URL，就能看到连续的JPG帧序列了。

内容的提问来源于stack exchange，提问作者Fernando