需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<script>标签，输入js代码：$('body').append('<img src="https://www.baidu.com/img/bd_logo1.png" />')。
3、浏览器运行index.html页面，此时图片被js成功显示到页面上。
很显然从后端返回的是一个图片路径，那么你要做的就是把这个路径塞进img的src里面，如：<img src="路径"/>实现步骤：1.先在html里面定义一个img标签<img src=""/>
2.一般情况下图片地址是一个变量，也就是说首先将后端返回的地址保存在一个变量中，如：var imgsrc = res.data.otherImg(根据接口实际情况获取，我这里只是举例)
2.通过js把地址塞进img里面，如： $('img').attr('src', imgsrc)
这样就能把图片渲染出来了。
<img>标签中src属性表示要显示的图片的路径。首先把图片添加到项目中，然后src中正确填写相对于当前页面图片的相对路径，就可以显示了。width和height属性可以调整图片显示大小。
