jQuery Ajax 调用 HTTP 处理程序 (.ashx)

Question

我有一个 HTTP 处理程序，用于将图像发送到客户端（在回发期间）：

    public class ImageHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        Byte[] pic = GetPhoto(Convert.ToInt32(context.Request.QueryString["userID"]));

        if (pic != null)
        {
            context.Response.ContentType = "image/jpeg";
            context.Response.OutputStream.Write(pic, 0, pic.Length);
        }
        else
        {
            context.Response.ContentType = "image/png";
            context.Response.WriteFile("/AllImages/DefaultPicture_large.png");
        }
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

如何使用此处理程序通过 jQuery ajax 请求将图像发送到客户端？

有几个问题： 1）如何将图像转换为JSON？ 2）如果无法将图像转换为JSON，我可以使用哪种格式将图像发送到客户端？

Tnx很多！

Answer 1

您只是想将其显示在页面上吗？为什么不直接编写一个 img 标签，其中 src 指向您的处理程序？

像这样的东西：

var img_url = '/myImageHandler.ashx?userDI=' + some_user_id;
$("#displayArea").append($("<img src='" + img_url + "' alt='user image' />"));

Answer 2

1) 要将图像作为 JSON 发送，您需要将其转换为 base64 编码的字符串：

 string imageString = Convert.ToBase64String(pic);
 return imageString;

2) 但是，并非所有浏览器（IE < 8）都支持该数据-您需要使用它来显示这些 Base64 编码图像的 uri 方案。

最好的方法是编写一个 img 标记，其中 src 指向 httpHandler。