通过图片流来返回图片

前言

接口展示

返回指定宽度和高度图片流

通过图片流来返回图片

直接返回原图

通过图片流来返回图片

接口实现

Service层

如何返回图片流给前端呢，首先写个Service层，创建GetOriginalDrawingAsync方法：

imagePath为图片存储的路径，代码太多了，这里就不做多的解释了，至于图片路径怎么传都行，只要是能访问到的路径就行。

    public async Task<(Image, IImageFormat)> GetOriginalDrawingAsync(string imagePath)     {         await using var fileStream = new FileStream(imagePath, FileMode.Open);         var (image, format) = await Image.LoadWithFormatAsync(fileStream);         return (image, format);     }

上述方法使用了SixLabors.ImageSharp库，可通过NuGet包下载

首先这个方法的返回值是(Image, IImageFormat)

Image 表示一个图像对象，包含了图像的像素数据和相关的元数据信息。IImageFormat 表示图像的格式，例如 JPEG、PNG 等。这两个对象一起组成了这个方法的返回值，表示从指定路径的图像文件中读取到的原始图像及其格式。

Controller层

然后在控制器层编写一个私有方法去处理Service返回的图片信息

    private static async Task<IActionResult> GenerateImageResponse(Image image, IImageFormat format)     {         var encoder = image.GetConfiguration().ImageFormatsManager.FindEncoder(format);         await using var stream = new MemoryStream();         await image.SaveAsync(stream, encoder);         return new FileContentResult(stream.GetBuffer(), "image/jpeg");     }

代码详解如下：

首先调用 GetConfiguration 方法获取当前 Image 对象的配置信息。
调用 ImageFormatsManager.FindEncoder 方法，根据指定的图像格式获取相应的编码器。
创建一个 MemoryStream 对象，并使用 await 等待对象创建完成。
调用 image.SaveAsync 方法，将当前 Image 对象保存到内存流中，并使用指定的编码器进行编码。
创建一个 FileContentResult 对象，将内存流中的图像数据作为文件内容，并将文件类型设置为 image/jpeg。
将 FileContentResult 对象作为 IActionResult 对象返回给调用方。

编写接口

[HttpGet] public async Task<IActionResult> GetImageStreamOd() {     var (image, format) = await _getImageService.GetOriginalDrawingFormatAsync();     return await GenerateImageResponse(image, format); }

Ok，一个返回图片流的接口就完成了。

说明

这样子请求就很方便了，不过接口使用了授权，需要在请求的时候带上token字段，如何继续采用之前的方法带上token还是要进行处理，不过我在后台设置了一下，只要Get请求参数中有token即可。

返回指定格式图片：

http://zy.pljzy.top/Api/Image/GetImageStream?token=这里填写token&width=500&height=500

返回原图:

http://zy.pljzy.top/Api/Image/GetImageStreamOd?token=这里填写token

然后直接就能在网站上使用了

<html>     <head>         <meta charset="utf-8">         <meta http-equiv="X-UA-Compatible" content="IE=edge">         <title></title>         <meta name="description" content="">         <meta name="viewport" content="width=device-width, initial-scale=1">     </head>     <body>         <img src="http://zy.pljzy.top/Api/Image/GetImageStreamOd?token=这里是token" alt=""/>     </body> </html>

通过图片流来返回图片