function addMessage (value,color,size) {

    var canvas = document.getElementById("picture");
    var ctx = canvas.getContext("2d");
    var image = new Image();
    var image.src  = " "data:image/jpg;base64," + window.btoa(value) + """;
    image.onload = function(){
      ctx.drawImage(image, 0, 0);
    }
    var msg = value.replace( /[!@$%<>'"&|]/g, '' );
    $("#msg_list").prepend("<div class='msg'>"  + msg + "</div>");
  } 

Android から画像をサーバー経由で送り、ブラウザで表示したいのですがうまくいきません。

Android 側ではイメージをバイナリデータにして、ブラウザ側で処理しやすいようにと思い、 string にして送っています。 Android 側、ブラウザ側ともに表示される string は同じなのでサーバー側には問題はないように思います。

JavaScript 側のコードしかのせていませんが、どなたかご存知の方、書き方が正しいかどうか見ていただけないでしょうか。