2015-01-06 18 views
6

以下のコードは、同じページの下部にイメージを作成します。 同じページに表示する代わりに、その画像を新しいタブ/ウィンドウに表示するにはどうすればいいですか?新しく作成した画像を新しいタブで開く方法は?

success: function (data) { 
      var image = new Image(); 
      image.src = "data:image/jpg;base64," + data.d; 
      document.body.appendChild(image); 
     } 
+0

'window.open'を使用して、このウィンドウに書き込みます。 –

答えて

18

のようなもの:

success: function (data) { 
     var image = new Image(); 
     image.src = "data:image/jpg;base64," + data.d; 

     var w = window.open(""); 
     w.document.write(image.outerHTML); 
    } 
+1

素晴らしい答え。どうもありがとうございました。 –

+0

心配はありません。 –

+1

複数の画像に対してこれを行うことはできますか? –

1

demo

window.open(image.src, '_blank'); 
+1

デモの中では、クリックイベントで新しいウィンドウをトリガする価値があるかもしれません。ほとんどのブラウザではポップアップとしてブロックされません(ブロックされたことに気づく前にデモが1分間壊れていたと思います現れる) – DBS

関連する問題