javascript - 如何在 javascript 中使用 XMLHttpRequest 获取图像

Question

我需要显示在另一个页面中生成的图像。我正在使用 XMLHttpRequest 从该页面获取图像。无法执行此操作，请提供帮助。

代码块

这个用来获取图片

    Bitmap IMG = myPane.GetImage(700,700,92);
    //Bitmap finalImage = new Bitmap(800, 800);
    byte[] byteArray = new byte[0];
    using (MemoryStream stream = new MemoryStream())
    {
        IMG.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
        stream.Close();

        byteArray = stream.ToArray();
    }

    Response.Write(byteArray);

这用于在 javascript 中获取它

 function b() {
           searchReq.onreadystatechange = ProcessResponse;
           searchReq.open("GET", 'Default.aspx', true);
           if (searchReq.overrideMimeType) {
               searchReq.overrideMimeType('text/plain; charset=x-user-defined');
           } else {
               searchReq.setRequestHeader('Accept-Charset', 'x-user-defined');
           }


           searchReq.send(null);
       }

       function ProcessResponse() {
           if (searchReq.readyState == 4) {
               if (searchReq.status == 200) {
                   retval = "";                      
                   var img = document.getElementById("myimg");
                   img.src = "data:image/jpeg;base64," +(searchReq.responseText);
               }
           }

       }

谢谢

Answer 1

不要使用 XMLHttpRequest。相反，只需将 img 元素的 src 设置为您的 .net 脚本:

function b() {
    var img = document.getElementById("myimg");
    img.src = "Default.aspx";
}

如果这不起作用，因为浏览器认为它是同一个图像文件，只需向 url 添加一些垃圾查询参数:

img.src = "Default.aspx?q=" + Math.random();