如何在textarea文本区内插入图片？

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

我做了个程序，添加图片然后将代码直接插入textarea文本区内，但是现在我想直接将图片显示在文本区内，而不是只显示代码，请问这个代码应该怎么写？需要正确答案谢谢！

解析:

<script language="javascript">

function selImg(s){

if(!s){return false}

var h=s.substr(sstIndexOf(".")+1,3)

if(h=="gif"||h==""){

var txt=document.getElementById("txt")

o=document.createElement("IMG")

o.src=s

txt.appendChild(o)

}

else{

alert("请选择正确的图片格式~")

}

}

</script>

<textarea id="txt" cols=60 rows=8></textarea><br>

<input id="img" type=file value="选择图片">

<input type=button value="添加" onclick="selImg(img.value)">

仿佛没什么法子。不外可以用div来模拟，设置div的contenteditable，这个div就可以像textarea一样输入文字了。最后保留什么的，直接取他的innerHTML来庖代原本的textarea的value就可以了。代码就不贴了，图片点击的时辰在div后面appendChild一个img、

---