в js мало что понимаю
вот как то так
var img = new Image();
img.src = 'http://www.alectang.com/xplore/library/linebreak.jpg';
var canvas = document.createElement("canvas");
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL("image/jpg");
dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
где ловить то рисунок надо?
проблема ещё в том что у меня не рисунок а стринговые данные )