从WebRequest显示图像

时间:2011-08-25 16:27:32

标签: c# asp.net-mvc asp.net-mvc-3

我通过WebRequest POST来获取Google图表中的图片。

我遇到的问题是显示Google返回的图片。

我可以在Fiddler中看到对图像的请求已经完成,并且在我执行时在响应中返回了图像:

var response = request.GetResponse();

但是从这里开始我似乎无法从控制器输出图像。

这就是我现在正在做的事情:

using (var dataStream = response.GetResponseStream())
            {
                if (dataStream == null) return;

                using (var reader = new StreamReader(dataStream))
                {
                    byte[] dataBytes = Encoding.UTF8.GetBytes(reader.ReadToEnd());
                    Response.ContentType = "image/png";
                    Response.BinaryWrite(dataBytes);
                }
            }

浏览器窗口中显示的错误消息是:

  

图像“[图像路径]”无法显示,因为它包含   错误。

1 个答案:

答案 0 :(得分:3)

尝试使用WebClient,它会简化您的代码:

public ActionResult MyChart()
{
    using (var client = new WebClient())
    {
        var data = client.DownloadData("http://......");

        // TODO: the MIME type might need adjustment
        return File(data, "image/png", "chart.png"); 
    }
}

或者如果您需要使用POST请求并发送一些值,请使用UploadValues方法:

public ActionResult MyChart()
{
    using (var client = new WebClient())
    {
        var request = new NameValueCollection
        {
            { "foo", "foo value" },
            { "bar", "bar value" },
        };
        var data = client.UploadValues("http://......", request);

        // TODO: the MIME type might need adjustment
        return File(data, "image/png", "chart.png"); 
    }
}

然后在视图中:

<img src="@Url.Action("MyChart", "SomeController")" alt="chart" />

或者如果网址是静态的并且可以通过GET请求到达,您可以直接将其包含在视图中(在这种情况下您不需要控制器操作):

<img src="http://......" alt="chart" />