前端接收，texthtml类型 的图片流

<div class="headL"></div>

<script>

var xhr=new XMLHttpRequest()

xhr.open("GET","图片URL",true)

xhr.responseType = "blob"

xhr.onload = function () {

var blob = this.response

var img = document.createElement("img")

img.onload = function (e) {

window.URL.revokeObjectURL(img.src)

}

img.src = window.URL.createObjectURL(blob)

$(".headL").html(img)

}

xhr.send()

</script>

不是的，它这个可能是因为是纯静态的页面，只需要加个map 在指定坐标给点链接就可以。这样做有很多缺点，一个是，为了保证显示效果，图片必须很大，这样子网速较差的话，浏览体验相当糟糕；再一个，无法进行响应式编程，因为字的像素已经固定了，放大太多可能导致字体不清晰，而小屏幕的话，可能出现字根本看不清的状况。如果网站只是用图片就可以搭起来，要前端干嘛= =

1、首先我们来创建一个类名为OutServlet的类，接下来让它继承HttpServelt类，然后重写doGet和doPost的方法。

2、然后我们在web.xml配置OutServlet的相关的信息，比如类的全路径和访问路径。

3、接下来我们在OutServlet的doGet方法中利用response对象调用getOutputStream()获取一个OutputStream的对象。然后我们来调用OutpuStream对象的write()方法输出一个字节数组，这个字节数组由中文字符串转化得来。

4、利用OutputStream这种方式输出中文有可能产生乱码。注意是有可能，而不是一定产生乱码。

5、为了让它实现无论用什么浏览器都不会乱码，我们来设置浏览器打开这个文件的编码方式；然后设置文件的编码方式。让两者的编码方式一致，它就不会乱码了。

---