通过Jquery ajax调用加载img src

时间:2014-02-11 15:04:02

标签: javascript jquery ajax ashx

我的asp.net页面上有一个img控件/元素。

目前我正在调用一个ashx处理程序,使用上下文类型重新命名一个字节数组:

context.Response.ContentType = "image/jpg";

javascript设置如下图像:

img.src = url + '/Mobile/GetFrame.ashx?';

有没有办法做同样的事情,而是使用JQuery / Ajax调用?

所以,例如:

function GetImage() {
    $.ajax({
        url: url + '/Mobile/GetFrame.ashx',
        type: 'GET',
        timeout: freshWaitlimit,
        data: lastTS,
        success: function (response, status, xhr) {
            serverImage1x4.src = response;
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert('err');
            finished = true;
        }
    });
}

但我没有得到任何形象。但我也没有错误..

我有我的解决方案,但这不是我自己的工作。这是:

function GetImage() {
    var xmlHTTP = new XMLHttpRequest();
    xmlHTTP.open('GET', url + '/Mobile/LiveXP.ashx?Alias=' + Alias + '&camIndex=' + camIndex + '&Guid=' + createGuid(), true);
    xmlHTTP.responseType = 'arraybuffer';
    xmlHTTP.timeout = 10000;
    xmlHTTP.ontimeout = function () { alert("Timed out!!!"); finished = true; }
    xmlHTTP.onload = function (e) {
        var arr = new Uint8Array(this.response);
        var raw = String.fromCharCode.apply(null, arr);
        var b64 = btoa(raw);
        var dataURL = "data:image/jpeg;base64," + b64;
        serverImage1x4.src = dataURL;
    };
    xmlHTTP.send();
}

0 个答案:

没有答案