怎么把获取到的图片显示出来，js怎么写

JavaScript029

怎么把获取到的图片显示出来，js怎么写,第1张

很显然从后端返回的是一个图片路径，那么你要做的就是把这个路径塞进img的src里面，如：<img src="路径"/>

实现步骤：1.先在html里面定义一个img标签<img src=""/>

2.一般情况下图片地址是一个变量，也就是说首先将后端返回的地址保存在一个变量中，如：var imgsrc = res.data.otherImg(根据接口实际情况获取，我这里只是举例)

2.通过js把地址塞进img里面，如： $('img').attr('src', imgsrc)

这样就能把图片渲染出来了。

1、为图片绑定点击事件

2、在点击事件中使用jQuery获得图片的src属性

3、调用文本框的val()方法，将取到的图片路径显示在文本框中

<html>

    <head>

        <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

        <script type="text/javascript">

            $(function(){

                //为图片绑定点击事件

                $("#tu").click(function(){

                    //获得图片的src属性

                    var url=$(this).prop("src")

                    //将图片路径赋值到文本框中

                    $("#txtUrl").val(url)

                })

            })

        </script>

    </head>

    <body>

        <img id="tu" src="images/friend.jpg" width="800" height="600" /><br/>

        <input type="text" id="txtUrl" />

    </body>

</html>

理论是可以的，首先用js取得location，然后在和图片路径相加

哦

想复杂了

其实很简单，你在image元素里面加个onclick事件，这样写

<table><tr>

<td><input type="image" id="expression1" name="expression1" src="1.gif" onClick="soso(this)></td>

<td><input type="image" id="expression2" name="expression2" src="2.gif" onClick="soso(this)></td>

<td><input type="image" id="expression3" name="expression3" src="3.gif" onClick="soso(this)></td>

<td><input type="image" id="expression4" name="expression4" src="4.gif" onClick="soso(this)></td>

<td><input type="image" id="expression5" name="expression5" src="5.gif" onClick="soso(this)></td>

</tr></table>

<div id="abc"></div>

<script language="javascript">

function soso(tt){

document.all("abc").innerHTML="<img Src='"+tt.src+"'>"

}

</script>

________________________________

你是想在abc层某处加上这个表情么？类似在线编辑器？

那么简单的办法就是在abc层里面再加个div或者span，赋予ID，修改soso函数里面的ID名就可以了