JavaScript で Base64 エンコードをして Canvas に画像を表示
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 側のコードしかのせていませんが、どなたかご存知の方、書き方が正しいかどうか見ていただけないでしょうか。