如何用JS显示图片呢?

JavaScript022

如何用JS显示图片呢?,第1张

比如在一个div中显示图片

<div id='img'></div>

js:

var divObj = document.getElementById("img")

divObj.innerHTML = "<img src='1.jpg' />"

你这段代码放到body里边

<script>

document.write("<img src='1.jpg'/>")

</script>

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

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

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

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

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