title: MVC URL for images downloads the image instead of displaying the view
body: <p>Newbie to <code>MVC</code>. I am trying to display a graph in the browser using <code>MVC</code>, but when I run the application the page downloads the image and closes. </p>
  
  <p><strong>My controller</strong></p>
  
  <pre><code> public ActionResult DrawChart()
      {
          var chart = new Chart(width: 300, height: 200)
              .AddSeries(
                          chartType: "bar",
                          xValue: new[] { "10 Records", "20 Records", "30 Records", "40 Records" },
                          yValues: new[] { "50", "60", "78", "80" })
                          .GetBytes("png");
  
          return File(chart, "image/bytes");
      }
  </code></pre>
  
  <p><strong>My View</strong></p>
  
  <pre><code>    @{
      Layout = null;
  }
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;title&gt;DrawChart&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt; 
          &lt;img src="@Url.Action("DrawChart")" alt="Drawing chart with HTML Helper" /&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>