Javascript変数のデータからHTMLイメージを作成

Question

Javascript変数に画像データ（JPEGまたはPNGのいずれか）があります。イメージをHTMLドキュメントに表示するにはどうすればよいですか？これらは、非常に大きな画像やURIが長すぎるため、これが動作しないようなコードです：

// doesn't work because the URI is too long 
$('img#target').attr('src', 'data:...'); 

キャンバスを使用すると、おそらく答えですが、私は、画像データとそれをロードする方法を見つけ出すことはできません。

あなたが不思議に思っている場合は：いいえ、画像データを直接imgタグにダウンロードすることはできません。サーバーから暗号化され、Javascriptを使用してブラウザ内で復号化されました。

おかげで、
- アートZ.

Answer 1

はキャンバスに描画するデータのURLを使用するには：this question/answerパー

var img = new Image; 
img.onload = function(){ 
    myCanvasContext.drawImage(img,0,0); 
}; 
img.src = "data:..."; 

はあなたがsrc前onloadを設定していることを確認してください。

「はURIが長すぎます」と言っていますが、これが意味することは明確ではありません。 IE8だけがデータURIに32kBの制限を持っています。他のブラウザでは正常に動作するはずです。エラーが発生した場合は、それを説明してください。

Answer 2

それは

$('img#target').attr('src', 'data:...'); 

は、すべてのIE以外では動作しないことが判明しました。私の問題は他の場所で起こった。