ASP.NET MVC5上传图片保存后变黑，低配置设备出现该问题

你遇到的问题核心是GDI+在内存受限环境下处理图像时的资源加载异常：高端机器内存充足，能完整加载图像数据；而低端机器内存不足时，Image.FromStream未能正确解析图像流，导致保存的图片仅显示黑色。以下是针对性的解决方法：

关键问题点 #

• 内存紧张时，Image.FromStream可能无法完整读取流中的图像数据，生成的Image对象不完整
• 直接保存Image对象时，GDI+可能因内存不足跳过像素数据写入，最终生成黑色空白图

修复方案 #

方案1：重置流位置并使用Bitmap重新构建图像 #

通过MemoryStream.Position = 0确保流从起始位置读取，再用Bitmap重新创建图像对象，强制完整加载像素数据，避免内存不足导致的加载异常：

public ActionResult Index(FormCollection form)
{
    if (string.IsNullOrEmpty(form["image-data"])) 
        return View();

    // 提取Base64数据
    var base64Data = form["image-data"].Substring(form["image-data"].LastIndexOf(',') + 1);
    byte[] bytes = Convert.FromBase64String(base64Data);

    // 修正文件名处理逻辑（避免原逻辑中替换字符的错误）
    string email = form["email"];
    string fileName = email.Replace("@", "at");
    // 正确替换邮箱后缀的点
    int dotIndex = fileName.LastIndexOf('.');
    if (dotIndex != -1)
    {
        fileName = fileName.Substring(0, dotIndex) + "dot" + fileName.Substring(dotIndex + 1);
    }
    var fullPath = Path.Combine(Server.MapPath("~/UploadedImage/"), fileName + ".png");

    using (var streamBitmap = new MemoryStream(bytes))
    {
        // 重置流到起始位置
        streamBitmap.Position = 0;
        // 使用Bitmap重新构建图像，确保完整加载像素
        using (var bitmap = new Bitmap(streamBitmap))
        {
            // 指定PNG格式保存，避免GDI+默认格式的兼容性问题
            bitmap.Save(fullPath, System.Drawing.Imaging.ImageFormat.Png);
        }
    }

    return View();
}

方案2：增加内存释放与异常处理 #

在内存紧张的环境下，显式释放资源并捕获异常，避免因加载失败导致的空白图：

public ActionResult Index(FormCollection form)
{
    if (string.IsNullOrEmpty(form["image-data"])) 
        return View();

    var base64Data = form["image-data"].Substring(form["image-data"].LastIndexOf(',') + 1);
    byte[] bytes = Convert.FromBase64String(base64Data);

    string email = form["email"];
    string fileName = email.Replace("@", "at");
    int dotIndex = fileName.LastIndexOf('.');
    if (dotIndex != -1)
    {
        fileName = fileName.Substring(0, dotIndex) + "dot" + fileName.Substring(dotIndex + 1);
    }
    var fullPath = Path.Combine(Server.MapPath("~/UploadedImage/"), fileName + ".png");

    Image tempImage = null;
    MemoryStream streamBitmap = null;
    try
    {
        streamBitmap = new MemoryStream(bytes);
        streamBitmap.Position = 0;
        tempImage = Image.FromStream(streamBitmap);
        using (var bitmap = new Bitmap(tempImage))
        {
            bitmap.Save(fullPath, System.Drawing.Imaging.ImageFormat.Png);
        }
    }
    catch (OutOfMemoryException ex)
    {
        // 处理内存不足异常，比如返回错误提示或记录日志
        return View("Error", new HandleErrorInfo(ex, "Home", "Index"));
    }
    finally
    {
        // 显式释放资源
        tempImage?.Dispose();
        streamBitmap?.Dispose();
    }

    return View();
}

额外优化建议 #

• 限制上传图片的大小：在前端或后端增加图片尺寸/文件大小限制，减少内存占用
• 调整Web.config配置：增加请求长度限制，优化内存使用策略

  <system.web>
      <httpRuntime targetFramework="4.8" maxRequestLength="1048576" />
  </system.web>
  

• 避免直接用Image.FromStream处理大尺寸图像，改用Bitmap逐步加载像素

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