ASP.NET MVC控制器可以返回一个Image吗？

Question

我可以创建一个只返回图像资源的控制器吗？

我想通过控制器路由此逻辑，只要请求以下URL：

www.mywebsite.com/resource/image/topbanner

控制器将查找topbanner.png并将该图像直接发送回客户端。

我见过这样的例子，你必须创建一个View - 我不想使用View。我想用控制器完成所有这些工作。

这可能吗？

Answer 1

使用基本控制器文件方法。

public ActionResult Image(string id)
{
    var dir = Server.MapPath("/Images");
    var path = Path.Combine(dir, id + ".jpg"); //validate the path for security or use other means to generate the path.
    return base.File(path, "image/jpeg");
}

作为一个说明，这似乎相当有效。我做了一个测试，我通过控制器（http://localhost/MyController/Image/MyImage）和直接URL（http://localhost/Images/MyImage.jpg）请求了图像，结果是：

• MVC：每张照片7.6毫秒
• 直接：每张照片6.7毫秒

注意：这是请求的平均时间。通过在本地计算机上发出数千个请求来计算平均值，因此总计不应包括网络延迟或带宽问题。

Answer 2

使用MVC的发布版本，我就是这样做的：

[AcceptVerbs(HttpVerbs.Get)]
[OutputCache(CacheProfile = "CustomerImages")]
public FileResult Show(int customerId, string imageName)
{
    var path = string.Concat(ConfigData.ImagesDirectory, customerId, "\\", imageName);
    return new FileStreamResult(new FileStream(path, FileMode.Open), "image/jpeg");
}

我显然在这里有一些关于路径构造的应用程序特定的东西，但FileStreamResult的返回很简单。

我针对您每天对图像的调用（绕过控制器）执行了一些性能测试，平均值之间的差异仅为3毫秒（控制器平均值为68毫秒，非控制器为65毫秒）。

我曾尝试过这里提到的其他一些方法，而且性能上的提升要大得多......几个解决方案的响应速度高达非控制器的6倍（其他控制器平均为340毫秒，非控制器为65毫秒） ）。

Answer 3

稍微解读Dyland的回应：

三个类实现FileResult类：

System.Web.Mvc.FileResult
      System.Web.Mvc.FileContentResult
      System.Web.Mvc.FilePathResult
      System.Web.Mvc.FileStreamResult

他们都是相当自我解释的：

• 对于文件存在于磁盘上的文件路径下载，请使用FilePathResult - 这是最简单的方法，避免您必须使用Streams。
• 对于byte []数组（类似于Response.BinaryWrite），请使用FileContentResult。
• 对于您希望文件下载的byte []数组（内容处理：附件），请使用FileStreamResult，方法与下面类似，但使用MemoryStream并使用{{1} }。
• GetBuffer()使用Streams。它被称为FileStreamResult，但它需要FileStreamResult所以我猜测它与Stream一起工作。

以下是使用内容处理技术（未测试）的示例：

MemoryStream

Answer 4

如果您想在返回之前修改图像，这可能会有所帮助：

public ActionResult GetModifiedImage()
{
    Image image = Image.FromFile(Path.Combine(Server.MapPath("/Content/images"), "image.png"));

    using (Graphics g = Graphics.FromImage(image))
    {
        // do something with the Graphics (eg. write "Hello World!")
        string text = "Hello World!";

        // Create font and brush.
        Font drawFont = new Font("Arial", 10);
        SolidBrush drawBrush = new SolidBrush(Color.Black);

        // Create point for upper-left corner of drawing.
        PointF stringPoint = new PointF(0, 0);

        g.DrawString(text, drawFont, drawBrush, stringPoint);
    }

    MemoryStream ms = new MemoryStream();

    image.Save(ms, System.Drawing.Imaging.ImageFormat.Png);

    return File(ms.ToArray(), "image/png");
}

Answer 5

您可以创建自己的扩展程序并执行此操作。

public static class ImageResultHelper
{
    public static string Image<T>(this HtmlHelper helper, Expression<Action<T>> action, int width, int height)
            where T : Controller
    {
        return ImageResultHelper.Image<T>(helper, action, width, height, "");
    }

    public static string Image<T>(this HtmlHelper helper, Expression<Action<T>> action, int width, int height, string alt)
            where T : Controller
    {
        var expression = action.Body as MethodCallExpression;
        string actionMethodName = string.Empty;
        if (expression != null)
        {
            actionMethodName = expression.Method.Name;
        }
        string url = new UrlHelper(helper.ViewContext.RequestContext, helper.RouteCollection).Action(actionMethodName, typeof(T).Name.Remove(typeof(T).Name.IndexOf("Controller"))).ToString();         
        //string url = LinkBuilder.BuildUrlFromExpression<T>(helper.ViewContext.RequestContext, helper.RouteCollection, action);
        return string.Format("<img src=\"{0}\" width=\"{1}\" height=\"{2}\" alt=\"{3}\" />", url, width, height, alt);
    }
}

public class ImageResult : ActionResult
{
    public ImageResult() { }

    public Image Image { get; set; }
    public ImageFormat ImageFormat { get; set; }

    public override void ExecuteResult(ControllerContext context)
    {
        // verify properties 
        if (Image == null)
        {
            throw new ArgumentNullException("Image");
        }
        if (ImageFormat == null)
        {
            throw new ArgumentNullException("ImageFormat");
        }

        // output 
        context.HttpContext.Response.Clear();
        context.HttpContext.Response.ContentType = GetMimeType(ImageFormat);
        Image.Save(context.HttpContext.Response.OutputStream, ImageFormat);
    }

    private static string GetMimeType(ImageFormat imageFormat)
    {
        ImageCodecInfo[] codecs = ImageCodecInfo.GetImageEncoders();
        return codecs.First(codec => codec.FormatID == imageFormat.Guid).MimeType;
    }
}
public ActionResult Index()
    {
  return new ImageResult { Image = image, ImageFormat = ImageFormat.Jpeg };
    }
    <%=Html.Image<CapchaController>(c => c.Index(), 120, 30, "Current time")%>

Answer 6

您可以直接写入响应，但之后无法测试。最好返回已延迟执行的ActionResult。这是我可重复使用的StreamResult：

public class StreamResult : ViewResult
{
    public Stream Stream { get; set; }
    public string ContentType { get; set; }
    public string ETag { get; set; }

    public override void ExecuteResult(ControllerContext context)
    {
        context.HttpContext.Response.ContentType = ContentType;
        if (ETag != null) context.HttpContext.Response.AddHeader("ETag", ETag);
        const int size = 4096;
        byte[] bytes = new byte[size];
        int numBytes;
        while ((numBytes = Stream.Read(bytes, 0, size)) > 0)
            context.HttpContext.Response.OutputStream.Write(bytes, 0, numBytes);
    }
}

Answer 7

为什么不简单并使用代字号~运算符？

public FileResult TopBanner() {
  return File("~/Content/images/topbanner.png", "image/png");
}

Answer 8

更新：有比我原来的答案更好的选择。这在MVC之外工作得很好，但最好坚持使用返回图像内容的内置方法。查看最多投票的答案。

你当然可以。尝试以下步骤：

1. 将映像从磁盘加载到字节数组
2. 在您希望获得更多图像请求而不想要磁盘I / O的情况下缓存图像（我的示例不会在下面缓存它）
3. 通过Response.ContentType
更改mime类型
4. Response.BinaryWrite out image byte array

以下是一些示例代码：

string pathToFile = @"C:\Documents and Settings\some_path.jpg";
byte[] imageData = File.ReadAllBytes(pathToFile);
Response.ContentType = "image/jpg";
Response.BinaryWrite(imageData);

希望有所帮助！

Answer 9

这对我有用。 因为我将图像存储在SQL Server数据库中。

    [HttpGet("/image/{uuid}")]
    public IActionResult GetImageFile(string uuid) {
        ActionResult actionResult = new NotFoundResult();
        var fileImage = _db.ImageFiles.Find(uuid);
        if (fileImage != null) {
            actionResult = new FileContentResult(fileImage.Data,
                fileImage.ContentType);
        }
        return actionResult;
    }

在上面的代码段_db.ImageFiles.Find(uuid)中搜索db（EF上下文）中的图像文件记录。它返回一个FileImage对象，它只是我为模型创建的一个自定义类，然后将其用作FileContentResult。

public class FileImage {
   public string Uuid { get; set; }
   public byte[] Data { get; set; }
   public string ContentType { get; set; }
}

Answer 10

解决方案1：在图片网址的视图中呈现图片

您可以创建自己的扩展方法：

public static MvcHtmlString Image(this HtmlHelper helper,string imageUrl)
{
   string tag = "<img src='{0}'/>";
   tag = string.Format(tag,imageUrl);
   return MvcHtmlString.Create(tag);
}

然后使用它：

@Html.Image(@Model.ImagePath);

解决方案2：从数据库渲染图像

创建一个返回图像数据的控制器方法，如下所示

public sealed class ImageController : Controller
{
  public ActionResult View(string id)
  {
    var image = _images.LoadImage(id); //Pull image from the database.
    if (image == null) 
      return HttpNotFound();
    return File(image.Data, image.Mime);
  }
}

并在以下视图中使用它：

@ { Html.RenderAction("View","Image",new {id=@Model.ImageId})}

要在任何HTML中使用从此actionresult渲染的图像，请使用

<img src="http://something.com/image/view?id={imageid}>

Answer 11

看看ContentResult。这将返回一个字符串，但可用于创建自己的类BinaryResult类。

Answer 12

您可以使用File返回视图，内容等文件

 public ActionResult PrintDocInfo(string Attachment)
            {
                string test = Attachment;
                if (test != string.Empty || test != "" || test != null)
                {
                    string filename = Attachment.Split('\\').Last();
                    string filepath = Attachment;
                    byte[] filedata = System.IO.File.ReadAllBytes(Attachment);
                    string contentType = MimeMapping.GetMimeMapping(Attachment);

                    System.Net.Mime.ContentDisposition cd = new System.Net.Mime.ContentDisposition
                    {
                        FileName = filename,
                        Inline = true,
                    };

                    Response.AppendHeader("Content-Disposition", cd.ToString());

                    return File(filedata, contentType);          
                }
                else { return Content("<h3> Patient Clinical Document Not Uploaded</h3>"); }

            }

Answer 13

if (!System.IO.File.Exists(filePath))
    return SomeHelper.EmptyImageResult(); // preventing JSON GET/POST exception
else
    return new FilePathResult(filePath, contentType);

SomeHelper.EmptyImageResult()应该使用现有图片返回FileResult（例如，1x1透明）。

如果您将文件存储在本地驱动器上，这是最简单的方法。 如果文件为byte[]或stream - 则使用FileContentResult或FileStreamResult作为Dylan建议。

Answer 14

您可以使用HttpContext.Response并直接将内容写入其中（WriteFile（）可能适合您），然后从您的操作而不是ActionResult返回ContentResult。

免责声明：我没有尝试过这个，它基于查看可用的API。 ： - ）

Answer 15

我看到两个选项：

1）实现您自己的IViewEngine并使用您想要的“图像”方法将您正在使用的Controller的ViewEngine属性设置为ImageViewEngine。

2）使用视图:-)。只需更改内容类型等。

Answer 16

我也遇到了类似的要求，

因此，在我的情况下，我向控制器发出了带有图像文件夹路径的请求，该路径随后返回了ImageResult对象。

以下代码片段说明了工作：

var src = string.Format("/GenericGrid.mvc/DocumentPreviewImageLink?fullpath={0}&routingId={1}&siteCode={2}", fullFilePath, metaInfo.RoutingId, da.SiteCode);

                if (enlarged)
                    result = "<a class='thumbnail' href='#thumb'>" +
                        "<img src='" + src + "' height='66px' border='0' />" +
                        "<span><img src='" + src + "' /></span>" +
                        "</a>";
                else
                    result = "<span><img src='" + src + "' height='150px' border='0' /></span>";

然后在Controller中，通过图像路径生成图像并将其返回给调用者

try
{
  var file = new FileInfo(fullpath);
  if (!file.Exists)
     return string.Empty;


  var image = new WebImage(fullpath);
  return new ImageResult(new MemoryStream(image.GetBytes()), "image/jpg");


}
catch(Exception ex)
{
  return "File Error : "+ex.ToString();
}

Answer 17

下面的代码利用System.Drawing.Bitmap加载图像。

using System.Drawing;
using System.Drawing.Imaging;

public IActionResult Get()
{
    string filename = "Image/test.jpg";
    var bitmap = new Bitmap(filename);

    var ms = new System.IO.MemoryStream();
    result.Save(ms, ImageFormat.Jpeg);
    ms.Position = 0;
    return new FileStreamResult(ms, "image/jpeg");
}

Answer 18

读取图像，将其转换为byte[]，然后返回具有内容类型的File()。

public ActionResult ImageResult(Image image, ImageFormat format, string contentType) {
  using (var stream = new MemoryStream())
    {
      image.Save(stream, format);
      return File(stream.ToArray(), contentType);
    }
  }
}

这里是用途：

using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using Microsoft.AspNetCore.Mvc;

Answer 19

是的，您可以返回图片

public ActionResult GetImage(string imageFileName)
{
    var path = Path.Combine(Server.MapPath("/Images"), imageFileName + ".jpg"); 
    return base.File(path, "image/jpeg");
}

（请不要忘记将其标记为答案）