Как вставить изображение в поле textarea через javascript?

-2

Это мой код:Как вставить изображение в поле textarea через javascript?

<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 штрафа, но does'nt работы по светлячок. В чем проблема в моем коде?

источник

2014-12-19 user3855182

Вы не можете поместить 'img' в' textarea'. – melancia

Возможный дубликат [HTML: есть ли способ показать изображения в текстовом поле?] (Http://stackoverflow.com/questions/3793090/html-is-there-any-way-to-show-images-in- a-textarea) – melancia

, но он работает на IE.Проблема встречается с Firefox. – user3855182

Вы не можете отображать изображение непосредственно внутри элемента управления 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

Как вставить изображение в поле textarea через javascript?

ответ

Смежные вопросы