asp.net-mvc-3 - 通过 jQuery AJAX 获取图像

Question

以下图像标签在我的登录页面中

<img id="CaptchaImg" alt="Captcha" src="@url.action("Captcha","Login")" style="" />

现在，当我刷新我的登录页面时，它工作正常，并从控制器获取图像，但是当我注销并且登录页面呈现时。控制器方法没有被调用。问题仅在 IE 中可以在 Chrome 上正常工作。有有工作吗？我可以对控制器进行 jQuery Ajax 调用吗？我试过了，但没有调用成功方法。还有其他方法吗？

$.ajax({
    type: "GET",
    url: '/Login/CaptchaImage',
    datatype: "image",
    success: function(data) {
        debugger
        $('#CaptchaImg').attr('src', data);
    }
});

Answer 1

尝试这个

$.ajax({
    type: "GET",
    url: '@Url.Action("Captcha","Login")',
    dataType:"image/jpg",
    success: function (data) {
        $('#CaptchaImg').attr('src', data);
    }
 });

Answer 2

web 服务器应该返回 base64 数据。像这样

{ base64Data:"blahblahblah" }

您的 ajax 请求内容类型可以是纯 json ；在ajax的成功功能中，您可以这样做

    success:function(data){
     var src="data:image/png;base64,"+data.base64Data;
      $('#CaptchaImg').attr(src,src)
}