如何通過javascript在textarea字段中插入圖像？

-2

<Script Language="JavaScript"> 
     function add1(x) 
     { 
      var oImg=document.createElement("img"); 
      oImg.src=x; 
      document.getElementById("test").appendChild(oImg); 
     } 
</Script>

HTML

<body> 
    <div> 
      <textarea id="test" rows="10" cols="50"></textarea> 

      <input type="radio" name="emotion" id="sad" /> 
      <label for="sad"><img src="images/tango_face_sad.jpeg" alt="I'm sad" onclick="add1(this.src)" /></label> 

      <input type="radio" name="emotion" id="happy" /> 
      <label for="happy"><img src="images/blush.jpeg" alt="I'm happy" onclick="add1(this.src)"/></label> 
    </div> 
</body>

它運行在IE罰款，但在Firefox一點兒也不工作。我的代碼中有什麼問題？

來源

2014-12-19 user3855182

你不能把一個'textarea'內的'img'。 – melancia 2014-12-19 11:12:58

[HTML：有沒有什麼方法可以在textarea中顯示圖像？]（http://stackoverflow.com/questions/3793090/html-is-there-any-way-to-show-images-in- a-textarea） – melancia 2014-12-19 11:13:29

但它適用於IE。Firefox會出現問題。 – user3855182 2014-12-19 11:19:02

您不能直接在textarea控件內顯示圖像。

關閉你可以得到的是疊加一個圖像，但它不會成爲textarea中信息的一部分。也就是說，文本不會流過它，發佈表單時它將不會包含在textarea的數據中。

也許一個可寫入的div（內容可編輯）會更適合您的目的。 HTML

div{ 
 
    width:300px; 
 
    height:200px; 
 
    border: 1px solid #ccc; 
 
}

<div contentEditable="true"> type here 
 
    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQCze-mfukcuvzKk7Ilj2zQ0CS6PbOkq7ZhRInnNd1Yz3TQzU4e&t=1" /> 
 
</div>

試試這個：here` http://jsfiddle.net/6bCRJ/

來源

2014-12-19 11:22:17

我得到了解決方案。非常感謝！！ – user3855182 2014-12-20 10:55:46

如何通過javascript在textarea字段中插入圖像？

回答

相關問題