无法显示从 Base 64 字符串解码的特定图像

Question

我正在构建一个程序，该程序生成图像并通过 REST 调用将它们作为 Base64 编码字符串发送到网页。所有图像均已生成并导入，没有任何问题，除了迄今为止的一张图像。

我渲染了一张图像，尽管我努力对其进行编码/解码循环，但它似乎无法解码。我尝试过使用 .NET、Python 和各种 Base64 验证网站来查找是否可以正确解码由该图像生成的编码字符串，但我对可能发生的情况感到茫然。图像将保存看起来正确的结果的 .png，但任何将位图转换为 Base64 编码字符串的尝试都将导致字符串似乎无法加载到图像中。该字符串经过验证是正确的 base64 编码，并且编码过程在所有其他情况下都工作正常，但我需要知道正在渲染的图像有什么问题以及为什么它不能作为编码数据工作。

渲染这些图像的过程是从文件中提取原始图像，并根据用户参数进行裁剪和缩放。新更改的文件被编码为 Base64 字符串并作为 REST 调用的结果发送。

这是我在 ASP.NET Core 中使用的代码：

private string GetResizedMapString(Map map, CanvasDisplaySettings disp)
{
    string path = GetUploadPath(map.SourceName);

    if (path != string.Empty)
    {
        Image srcImg = Image.FromFile(path);
        RectangleF[] imgSizes = GetRenderAreas(srcImg, map, disp);

        if (imgSizes != null)
        {
            Bitmap destImg = new((int)imgSizes[0].Width, (int)imgSizes[0].Height);
            using var graphics = Graphics.FromImage(destImg);
            graphics.DrawImage(srcImg, imgSizes[0], imgSizes[1], GraphicsUnit.Pixel);

            // CREATING TESTING IMAGE AND ENCODED STRING FILES:
            string testImgName = "TestImgFrom" + disp.DisplayID;
            string filePath = Path.Combine(DepoCollection, testImgName);

            String imageString = ConvertBitmapToString(destImg); // New Image String
            String imageStringPath = filePath + ".txt"; // New Encoded String File
            String imagePngPath = filePath + ".png"; // New Image File

            // Save to PNG
            destImg.Save(imagePngPath);
            graphics.Dispose();

            // Save to .txt to test the encoded string
            using (StreamWriter outputFile = new StreamWriter(imageStringPath))
            {
                outputFile.WriteLine("data:image/png;base64," + imageString);
            }
            return imageString;
        }
        else return "";
    }
}

static string ConvertBitmapToString(Bitmap bitmap)
{
    // Convert the bitmap to a byte array
    MemoryStream ms = new MemoryStream();
    bitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Bmp);
    byte[] byteImage = ms.ToArray();

    // Convert the byte array to a base64 string
    string base64String = Convert.ToBase64String(byteImage);

    return base64String;
}

这个过程已经与许多其他图像一起使用，并且缩放之前的原始图像能够被编码/解码。我尝试过使用Python进行类似的编码/解码过程，以及将图像加载到网上找到的其他base64编码软件中。

程序生成的图像比源图像大得多，所以我无法在这里上传。我想知道为什么发生的事情会导致文件大小增加这么多，以及是否可能相关。
源图片：1.34MB，2200 x 2200 像素
渲染图像：24.00 MB，2998 x 2998 像素

这是渲染文件的 Google 云端硬盘链接：https://drive.google.com/file/d/1wxkWCEx3DyUG2yenWoEfOsi9QNEK38FK/view?usp=sharing

感谢您提供有关正在发生的情况的任何线索以及有关如何避免这些问题的任何建议！

Answer 1

首先，大小问题可能与图像格式有关，在BMP中它几乎是raw，并且大小可能是正确的，如果您在转换后要求KB大小，则应该使用Jpeg 或 Png 在某些条件下。

这个代码示例工作正常，除了它调用内存流缓冲区之外，我没有看到与你的有太大区别。

private string BmpTobase64(Bitmap bmp)
{
    using (var ms = new MemoryStream())
    {
        bmp.Save(ms, ImageFormat.Jpeg);
        return Convert.ToBase64String(ms.GetBuffer());
    }
}

// --- ToBase64String(...) parameter --- 
//    ms.GetBuffer();

请记住，您保存的是图像文件而不是位图对象，也就是说，您正在转换带有标题和可能的调色板等的结果文件。