Может ли контроллер ASP.NET MVC вернуть изображение?

Используйте метод File базовых контроллеров.

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 миллисекунды на фото.

Примечание: это среднее время запроса. Среднее значение было рассчитано путем выполнения тысяч запросов на локальном компьютере, поэтому итоговые значения не должны включать в себя задержку в сети или проблемы с пропускной способностью.

Используя релизную версию 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 мс).

Чтобы немного пояснить ответ Дайланда:

Три класса реализуют класс FileResult:

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

Все они говорят сами за себя:

• Для загрузки по пути к файлу, когда файл существует на диске, используйте FilePathResult - это самый простой способ, позволяющий избежать использования потоков.
• Для массивов byte [] (похожих на Response.BinaryWrite) используйте FileContentResult.
• Для массивов byte [], в которые вы хотите загрузить файл (content-disposition: attachment), используйте FileStreamResult аналогично приведенному ниже, но с MemoryStream и с использованием GetBuffer().
• Для Streams используйте FileStreamResult. Он называется FileStreamResult, но требует Stream, поэтому я догадываюсь, что он работает с MemoryStream.

Ниже приведен пример использования техники размещения контента (не тестировался):

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult GetFile()
    {
        // No need to dispose the stream, MVC does it for you
        string path = Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "App_Data", "myimage.png");
        FileStream stream = new FileStream(path, FileMode.Open);
        FileStreamResult result = new FileStreamResult(stream, "image/png");
        result.FileDownloadName = "image.png";
        return result;
    }

Это может быть полезно, если вы хотите изменить изображение перед его возвратом:

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");
}

Вы можете создать собственное расширение и поступить таким образом.

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")%>

Почему бы не пойти проще и не использовать оператор тильды ~?

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

Вы можете написать прямо в ответ, но тогда его нельзя будет проверить. Предпочтительно возвращать 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);
    }
}

ОБНОВЛЕНИЕ: есть варианты получше, чем мой первоначальный ответ. Это неплохо работает вне MVC, но лучше придерживаться встроенных методов возврата содержимого изображения. Просмотрите ответы, получившие одобрение.

Вы, конечно, можете. Попробуйте выполнить следующие действия:

1. Загрузите изображение с диска в массив байтов
2. кэшировать изображение в случае, если вы ожидаете большего количества запросов на изображение и не хотите дискового ввода-вывода (мой образец не кэширует его ниже)
3. Измените тип пантомимы через Response.ContentType.
4. Response.Binary Записать байтовый массив изображения

Вот пример кода:

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

Надеюсь, это поможет!

Решение 1. Чтобы отобразить изображение в представлении по URL-адресу изображения

Вы можете создать свой собственный метод расширения:

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 {[email protected]})}

Чтобы использовать изображение, отображаемое в результате этого действия, в любом HTML, используйте

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

Это сработало для меня. Поскольку я храню изображения в базе данных 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) ищет запись файла изображения в базе данных (контекст EF). Он возвращает объект FileImage, который является просто настраиваемым классом, который я создал для модели, а затем использует его как FileContentResult.

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

вы можете использовать File для возврата файла, такого как View, Content и т. д.

 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>"); }

            }

В приведенном ниже коде используется 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();
    bitmap.Save(ms, ImageFormat.Jpeg);
    ms.Position = 0;
    return new FileStreamResult(ms, "image/jpeg");
}

Посмотрите ContentResult. Это возвращает строку, но может использоваться для создания вашего собственного класса, подобного BinaryResult.

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, как предложил Дилан.

Я вижу два варианта:

1) Внедрите свой собственный IViewEngine и установите свойство ViewEngine контроллера, который вы используете, для вашего ImageViewEngine в желаемом методе «изображения».

2) Используйте вид :-). Просто измените тип контента и т. Д.

Вы можете использовать HttpContext.Response и напрямую записывать в него контент (WriteFile () может работать для вас), а затем возвращать ContentResult из вашего действия вместо ActionResult.

Отказ от ответственности: я не пробовал это, это основано на просмотре доступных API. :-)

Я также столкнулся с аналогичным требованием,

Поэтому в моем случае я делаю запрос к контроллеру с путем к папке с изображениями, который, в свою очередь, отправляет обратно объект 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>";

И в контроллере из пути к изображению я создаю изображение и возвращаю его вызывающему

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();
}

Прочтите изображение, преобразуйте его в 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;

Да, вы можете вернуть изображение

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

(Не забудьте отметить это как ответ)