Question

我有一个.NET Core 2.2 Web应用程序，其中将用户图像存储在SQL Server数据库中。当我按原样保存文件时，它不会出现在网页中。

之后，我想在用户上载文件并安装Imagesharp软件包并使用以下代码调整图像大小时调整图像大小。该代码可以正常运行，但是当用户登录时不会显示图像。

我用于调整图像大小并将其存储到数据库中的代码是：

图像处理方法

public Stream ResizeImage(Image<Rgba32> sourceImage, int destHeight, int destWidth)
{
    sourceImage.Mutate<Rgba32>(ctx => ctx.Resize(destWidth,destHeight));

    Stream outputStream = new MemoryStream();
    sourceImage.Save(outputStream, new JpegEncoder());

    return outputStream;
    /*return sourceImage.
            .Crop(new Rectangle(sourceX, sourceY, sourceWidth, 
sourceHeight))
            .Resize(destinationWidth, destinationHeight);*/
}

我存储图像的代码：

if (ModelState.IsValid)
{
    if (ProfileImage != null)
    {
        var stream = ProfileImage.OpenReadStream();

        Image<Rgba32> theimage = _imageProcessor.GetImageFromStream(stream);

        var outstream = _imageProcessor.ResizeImage(theimage, 100, 100);

        //Input.Image = commonData.ConvertToBytes(ProfileImage);
        Input.Image = commonData.ConvertStreamToBytes(outstream);
    }

    var user = new ApplicationUser
                   {
                        UserName = Input.Email,
                        Email = Input.Email.ToLower().Trim(),
                        FirstName = Input.FirstName,
                        LastName = Input.LastName,
                        Image = Input.Image,
                        AccountDisabled = true
                   };
}

我尝试按如下所示将图像转换为base64string后以html显示图像：

 userView.UserImageBytes = new string(Convert.ToBase64String(userView.TheUser.Image));

我的HTML标记以显示图像：

 <img src="data:image/jpg;base64,@Model.UserImageBytes" alt="No Image" />

上面的代码可以正常工作，但是不会显示存储的图像。

如何正确显示图像。任何帮助表示赞赏。

Answer 1

此行之后：

sourceImage.Save(outputStream, new JpegEncoder());

outputStream在最后写入的字节之后设置了.Position。例如，您可能在映像之后将更多数据写入该流。为了让另一段代码读取图像，您需要在返回outputStream之前重新放置它。例如

outputStream.Position = 0;
return outputStream;

使用Imagesharp调整大小后，存储在SQL Server数据库中的图像未显示在html中

1 个答案: