イメージをiframeからテキストエリアにコピー

イメージをiframeからテキストエリアにコピーしたいと思います。ページとiframeは同じドメインまたはサーバーにありません。イメージをiframeからテキストエリアにコピー

javascriptを使用してこれを達成する方法に関するアイデアはありますか？

画像を含むiframeは、画像を収集するためにajaxを使用しています。

使用法：私はWordPressのTinyMCEをテキスト・エディタにIFRAMEから画像をコピーするには、このメソッドを使用したい例えば

。例えば。テキストエディタの下にイメージギャラリを持つiframeを表示し、iframe内のイメージをクリックすると、イメージがテキストエディタに表示されます（イメージはalredyにアップロードされます）。

いくつかのアイデア：

ドラッグ＆ドロップした画像の継ぎ目はIEとFFで動作するように。

右クリックは、コピーして、過去の画像の継ぎ目はIEとC.

で動作するように

私は、変数に画像のSRCを得ることができ、「クラス」と「Altキーを追加できるように場合、それはいいだろう"

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8" /> 
<title>Copy images from iframe</title> 
</head> 

<body> 

<textarea style="width:100%;height:400px" >I want to be able to get theme here like this 
<img src="http://www.page.com/image.jpg" alt=""> 
</textarea> 

<iframe width="100%" height="400px" src="http://www.page-with-images.com/"></iframe> 

</body> 
</html>

出典

2011-12-14 Hakan

_ "ページとiframeは同じドメインまたはサーバーにありません。" - そうすることはできません。そしてPurmouの答えの下のあなたのコメントから、あなたはそれができないことをすでに認識しているようです。 – nnnnnn

私は、javascriptを使用してドメイン間で値を交換する別の方法があるはずです。両方のドメインが交換を受け入れるならば... PHPとfile_get_contents（）を呼び出すと難しいです。 – Hakan

jQueryをお試しください。

clickイベントを$("iframe img")に追加します。 click関数では、画像のsrcを取得し、それを画像タグとしてtinyMCEエディタに追加します。これは、このようなものになります

：

$(function(){ 
    $("iframe img").click(function(){ 
     var update = $("<div>").append(
      $("<img>").attr("src", $(this).attr("src")) 
     ).html(); 

     $("#content").val(function(i, v) { 
      return v + update; 
     }); 
    }); 
});

Exampleを...

我々はかなりのdivの純粋なHTMLコンテンツを取得し、一時的divに置く、イメージのクローンを作成しています（イメージオブジェクトを使用可能な文字列に変換するため）、テキストエリアの値をそれに更新します。もちろん、私がリンクしたデモでは、#fakeはiframeに相当します。

出典

2011-12-14 03:55:39 Purag

iframeは別のドメインにあります。さもなければ、私はそれをすることができるかもしれません:) – Hakan

それからあなたはそれをすることができません。期間。 –

おそらく、それはlocalstorageを使って行うことができますか？ S – Hakan

イメージをiframeからテキストエリアにコピー

答えて

関連する問題