dear all,
i want to display a saved image in html client side image tool that should be displayed having binary coded string data (as below) in its src tag. i am using ashx handler and when i display image from database it shows src as
( "/Image.ashx?imgId=4")
which i dont need as i need its original binary coded string data for some reasons. like
"data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAA/4SQXRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAcAAAAcgEyAAIAAAAUAAAAjodpAAQAAAABAAAApAAAANAACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENTMiBXaW5kb3dzADIwMDk6MDc6MDggMDg6MzY6MDUAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAACWKADAAQAAAABAAABkAAAAAAAAAAGAQMAAwAAAAEABgAAARoABQAAAAEAAAEeARsABQAAAAEAAAEmASgAAwAAAAEAAgAAAgEABAAAAAEAAAEuAgIABAAAAAEAACLhAAAAAAAAAEgAAAABAAAASAAAAAH/V6fYtDDtyMjc8ZX2mqoxfZWW2M2kS17fRc+x3qfQ9P7PYm5MOT5iOn1/BBid2dTXfopBGrC1v0ywOcG2Ts/Nbs9TexWHX7XOqY5x2kl/eYEl3+d+aoHH6haQ3Dx3NpeJsuAaXuExsxnNc/2fQ/SWs/4r9ImYz0LduTUa2kw6y57e43PLLKz+kf/AKTc1N4JDWUTahp5sXWuZa12zc1zSbACHv2gk2v2+73tY7f/51kZf239uMd5hLZTcox1nlNx4E1idRxcEM6e6Ht0Qd/wAayntH8+Rucezy1/8ANXUcB0x8vGeQ4A2Ua8ff
blah blah blah
i tried the following
$.ajax({
url: '/Image.ashx?imgId=' + ID,
type: 'GET',
data: '{}'
}).done(function (res) {
$("#img").attr('src', 'data:image/jpeg;base64,' +
btoa(unescape(encodeURIComponent(res))));
});
using the above code will display the binary data but it dont dislay the image in the html image tool. i dont know why.
please tell me what i am missing etc.
please give me sample code if possible
thanks