如何將圖像從iframe複製到textarea中？

我想從一個iframe複製圖像的div加時賽的textarea這樣jsfiddle.net/purmou/xEtL9/如何將圖像從iframe複製到textarea中？

<textarea rows="10" cols="40" id="content"> 
</textarea> 

<div id="fake"> 
    <iframe width="100%" height="400px" src="http://www.w3schools.com/"></iframe> 
</div>

而且

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

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

但IFRAME它不是working..Any建議？

來源

2012-05-22 SHAURAJ SINGH

這張圖片是您試圖複製的內容駐留在iframe中嗎？如果是的和你的域名是相同的，你提到比我認爲它不可能..因爲這個iframe是在另一個域..看到這篇文章[發佈]（http://stackoverflow.com/questions/5539756/how-can-i -pass-value-to-iframe-with-javascript） – Tami

「我不認爲你可以修改來自不同域的iframe中的HTML」 - 不一樣的。你可以讀得很好。 –

這樣做的iframe不直接支持onclick。

這裏討論：Adding click event handler to iframe

基本上它說你需要通過一個傾聽者訂閱事件的iframe的文檔對象：

您可以使用閉包來傳遞參數：

iframe.document.addEventListener('click', function(event) {clic(this.id);}, false)

來源

2012-05-22 11:05:01

您尚未向您的IFrame提供ID，並且必須使用IFrame ID代替<IFrame>標記。

檢查下面的代碼

< IFRAME ID = 「iframe1」 WIDTH = 「100％」 HEIGHT = 「400像素」 SRC = 「http://www.w3schools.com/」/ >

& $（「iframe1」）。attr（「src」，$（this）.attr（「src」））

快樂編碼！

來源

2012-05-22 15:19:06 Ravia

如何將圖像從iframe複製到textarea中？

回答

相關問題