将图像文件从 MFC 应用程序流式传输到 HTML 页面

Question

我正在开发一个使用 CDHtmlDialog 类创建动态 HTML 页面的 MFC 应用程序。

现在我想将图像指针传递/流式传输到 HTML 页面以将其显示给用户。

图像将存储在硬盘中，MFC 应该有一种方法将其流式传输到 HTML 页面，以便在特定用户事件上显示。

我不确定如何将 JPG 或 GIF 文件转换为可以传递给 HTML 页面的其他文件。

可能作为驻留在 HTML 页面中的 JavaScript 函数的参数。

欢迎任何帮助。请提供示例代码。

提前致谢。

Answer 1

首先，请参考How to display Base64 images in HTML?。然后使用以下函数对图像数据进行编码。希望对您有所帮助！

    string base64_encode(unsigned char const* bytes_to_encode, unsigned int in_len) {
    string ret;
    int i = 0;
    int j = 0;
    unsigned char char_array_3[3];
    unsigned char char_array_4[4];

    while (in_len--) {
        char_array_3[i++] = *(bytes_to_encode++);
        if (i == 3) {
            char_array_4[0] = (char_array_3[0] & 0xfc) >> 2;
            char_array_4[1] = ((char_array_3[0] & 0x03) << 4) + ((char_array_3[1] & 0xf0) >> 4);
            char_array_4[2] = ((char_array_3[1] & 0x0f) << 2) + ((char_array_3[2] & 0xc0) >> 6);
            char_array_4[3] = char_array_3[2] & 0x3f;

            for (i = 0; (i <4); i++)
                ret += base64_chars[char_array_4[i]];
            i = 0;
        }
    }

    if (i)
    {
        for (j = i; j < 3; j++)
            char_array_3[j] = '\0';

        char_array_4[0] = (char_array_3[0] & 0xfc) >> 2;
        char_array_4[1] = ((char_array_3[0] & 0x03) << 4) + ((char_array_3[1] & 0xf0) >> 4);
        char_array_4[2] = ((char_array_3[1] & 0x0f) << 2) + ((char_array_3[2] & 0xc0) >> 6);

        for (j = 0; (j < i + 1); j++)
            ret += base64_chars[char_array_4[j]];

        while ((i++ < 3))
            ret += '=';
    }

    return ret;
}