CODEWITHSUNDEEP
asp.net-mvc-3jqueryimagesource
Paul Alwin
Paul Alwin

Reputation: 181

Get an image through jQuery AJAX

The following image tag is in my Login Page

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

Now when I refresh my login Page, it works fine, and gets the image from the controller, but when I logOut and the login Page renders .the controller method is not being called.Problem is only in IE works fine on Chrome.Is there are work around? Can I do something with jQuery Ajax call to the controller, I tried this but the success method is not called. Is there any other way?

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

Upvotes: 10

Views: 28584

Answers (2)

Amit
Amit

Reputation: 15387

Try this

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

Upvotes: 13

Vincent
Vincent

Reputation: 11

web Server should return base64 Data. like this 

{ base64Data:"blahblahblah" }

your ajax request content-type could be plain json ; in your success function in ajax you could do like this 

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

Upvotes: 0

Related Questions